儘可能基本：jQuery聯繫表格

Question

我想創建一個非常基本的聯繫表單。我已經使用我所瞭解的語言知識編寫了HTML，Javascript和PHP，但它顯然不起作用。少了什麼東西？

的HTML：

<form> 
    <fieldset> 
     <fieldset> 
      <input name="name" value="John Doe" size="30" /><br /> 
      <input name="email" value="john@doe.com" size="40" /><br /> 
     </fieldset> 
     <fieldset> 
      <input type="text" name="subject" value="Subject" size="60" /><br /> 
      <textarea name="message" rows="15" cols="100"></textarea><br /><br /> 
      <input type="submit" value="Submit" /> 
      <input type="button" value="Cancel" /> 
     </fieldset> 
    </fieldset> 
</form> 

的JavaScript：

$('form').submit(function() { 

    $.ajax({ 
     type: "POST", 
     url: "bin/process.php", 
     data: $(this).serialize(), 
     success: function() { 
      // Update page with success message 
     } 
    }); 
    return false; 
}); 

的PHP：

<?php 

$recipient = "me@email.com"; //recipient 

$Name = ($_POST['name']); //senders name 
$email = ($_POST['email']); //senders e-mail adress 
$mail_body = ($_POST['message']); //mail body 
$subject = ($_POST['subject']); //subject 

$header = "From: ". $Name . " <" . $email . ">\r\n"; //optional headerfields 

mail($recipient, $subject, $mail_body, $header); //mail command :) 
?> 

Answer 1

UPD吃了編輯的問題/評論：
你確定你的代碼在document.ready處理程序運行？是這樣的：

$(function() { 
    $('form').submit(function() { 
    $.ajax({ 
     type: "POST", 
     url: "bin/process.php", 
     data: $(this).serialize(), 
     success: function() { 
      // Update page with success message 
     } 
    }); 
    return false; 
    }); 
}); 

從您的意見，似乎你的.submit() handler不是七拼八湊的一切，它正在執行默認的GET瀏覽器行爲。