Отправить данные формы HTML в элемент div без обновления страницы

Question

У меня есть панель слайдов, созданная в JQuery, в таблицу, эта панель содержит форму контакта. Мне нужно опубликовать эти данные формы, но не перезагружать всю страницу после нажатия кнопки отправки, потому что после перезагрузки страницы панель слайдов также перезагружается и сжимается. Мне нужно только обновить элемент div, чтобы получить данные формы на PHP.

<div id="form"> 
    <form id="form" action="/"> 
     <br /> 
       <p> 
       <label for="name"><small>Name *</small></label><br /> 
        <input type="text" name="name" id="name" value="" size="15" /> 

       </p> 
       <p> 
        <label for="email"><small>Mail *</small></label><br /> 
        <input type="text" name="email" id="email" value="" size="15" /> 

       </p> 
       <p> 
       <label for="comments"><small>Message *</small></label> 
        <textarea name="comments" id="comments" rows="10" cols="5"></textarea> 
       </p> 
       <p> 
        <input name="submit" type="submit" id="submit" value="Send" /> 
        &nbsp; 
        <input name="reset" type="reset" id="reset" tabindex="5" value="Reset" /> 
       </p> 
       </form> 
</div> 

Answer 1

первый макияж кнопка отправки:

<input name="submit" type="button" id="submit" value="Send" /> 

Затем используйте:

$("#submit").click(function(){ 
    $.post("test.php", $("#form").serialize()); 
}); 

http://jsfiddle.net/g3Ubh/