Обновление страницы вместо Ajax Загрузка без

В форме submit я хочу загрузить div с обновленным списком таблицы mysql. Я отправляю переменные формы в php и отправляю их в таблицу mysql. на той же странице отображаются полные данные таблицы. Я хочу загрузить данные в тег div, что и форма. Таким образом, кажется, что информация загружается над формой.

Мой Javascript

$("#formSubmit").submit(function(){ var name = $("input#name").val(); var comment = $("input#comment").val(); var filmnumber = $("input#hidden").val(); var dataString = 'name='+ name + '&comment=' + comment + '&filmnumber=' + filmnumber; $.ajax({ type: "POST", url: "comment.php", data: dataString, success: function() { $('#2').load('comment.php'); } }); 

Моя форма –

 <div id="2"> <p>Add a Comment</p> <form id="formSubmit" method="POST"> <div> <input type="hidden" name="hidden" id="hidden" value="2"> <label for="name">Your Name</label> <input type="text" name="name" id="name" /> <label for="body">Comment Body</label> <textarea name="comment" id="comment" cols="20" rows="5"></textarea> <input type="submit" id="comment" class="button" value="Submit" /> </form> </div> 

Все, что он делает, это обновление страницы, а не загрузка информации в div 2: S

Спасибо за вашу помощь