提交表单而不刷新页面ajax,php,javascript？

我想提交一个没有刷新页面的表单,从我读过它应该使用ajax,我做错了什么？

当我这样做时,这一切都适用于PHP和东西：

document.getElementById("msg_form").submit();

但我希望它在不刷新页面的情况下提交.

Html的一部分：

<form name="msg_form_name" id="msg_form" class="email" action="mailer.PHP">
<p>Your E-mail:</p>
<input id="email_form" name="email" type="text" />
<p>Amount:</p>
<input id="amount_form" name="amount" class="amount_num" type="text" maxlength="5" />
<div id="msg_txt_lenght">characters left: 38</div>
<p>Message:</p>
<input id="message_form" name="message" class="message_form_lim" type="text" >
<input type="hidden" id="storeUrl_id" name="storeUrl_form" value="Nan"></form>
</form>

javascript的一部分：

$('#msg_form').submit(function (e) {
    e.preventDefault();

$.ajax({             
type: 'post',
url: 'mailer.PHP',
data: $('form').serialize(),
success: function () {
 alert('form was submitted');
}
    });

    return false;
});

提前致谢.

编辑：可能已修复它已提交但未发送提交

解决方法:

解决它刚刚更换：

$('#msg_form').submit(function (e) {
    e.preventDefault();

$.ajax({             
type: 'post',
url: 'mailer.PHP',
data: $('#msg_form').serialize(),
success: function () {
 alert('form was submitted');
}
    });

    return false;
});

用这个代替

$.post('mailer.PHP', $('#msg_form').serialize())