AJAX: Submitting a form without refreshing the page

Question

I have a form similar to the following:

Answer 1

You haven't provided your full code, but it sounds like the problem is because you are performing the $.post() on submit of the form, but not stopping the default behaviour. Try this:

$('#myForm').submit(function(e) {
    e.preventDefault();
    $.post('mail.php', $('#myForm').serialize());
});

Answer 2

try this..

<form method="post" action="mail.php" id="myForm" onsubmit="return false;">

OR

add

e.preventDefault(); in your click function

 $(#yourselector).click(function(e){
      $.post('mail.php', $(this).serialize());
      e.preventDefault();
 })