Enviando variables con ajax (recibo valor "undefinied")

[WebDeveloperZ]

Que tal, tengo un formulario y envio los parametros mediante ajax con jquery para procesarlos luego:

Código:

$("form#myForm").submit(function () {
        
        $("div#form_box").height(446);
        
        $("div#form_box").html('<center><img style="padding-top:125px" src="themes/default/css/imgs/ajax-loader.gif" /></center>');
        
        var nombre  = $('#nombre').attr('value');  
        var email   = $('#email').attr('value');
        var telefono   = $('#telefono').attr('value');
        var mensaje   = $('#mensaje').attr('value');                
            $.ajax({  
                type: "POST",  
                url: "contacto.php",  
                data: "nombre="+ nombre +"& email="+ email +"& telefono="+ telefono +"& mensaje="+ mensaje,  
                success: function(){  
                    $("form#myForm").hide(function(){$('div.success').fadeIn();});  
      
                }  
            });  
        return false;  
    });

Todo funciona perfecto, el problema es en el archivo contacto.php, si hago un echo de la variable por ej "nombre" $_POST['nombre'] me da un valor igual a = "undefinied"

Como puedo solucionarlo ? gracias.