I want to submit a form without refreshing the page, from what I have read it should work with ajax, what am i doing wrong?

it all works with the php and stuff when I do this:

document.getElementById(msg_form).submit();

But I want it to submit without refreshing the page.

Part of 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>

Part of 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;

});

Thanks in advance.

EDIT: might have fixed it had it on submit but didn't send a submit