title: Page refresh instead of Ajax Load without
body: <p>On form submit i want to load a div with an updated list of a mysql table. I'am sending the form variables across to a php and posting them into a mysql table. the same page displays the full table data. I want to load the data into the same div tag as the form. So it appears that the information is being loaded above the form. </p>
  
  <p>My Javascript</p>
  
  <pre><code>$("#formSubmit").submit(function(){
  
      var name = $("input#name").val();
      var comment = $("input#comment").val();
      var filmnumber = $("input#hidden").val();
  
      var dataString = 'name='+ name + '&amp;comment=' + comment + '&amp;filmnumber=' + filmnumber;
  
      $.ajax({
          type: "POST",
          url: "comment.php",
          data: dataString,
          success: function() {
              $('#2').load('comment.php');
          }
      });
  </code></pre>
  
  <p>My form - </p>
  
  <pre><code>&lt;div id="2"&gt;                                    
      &lt;p&gt;Add a Comment&lt;/p&gt;
      &lt;form id="formSubmit" method="POST"&gt;
          &lt;div&gt;
              &lt;input type="hidden" name="hidden" id="hidden" value="2"&gt;
              &lt;label for="name"&gt;Your Name&lt;/label&gt;
              &lt;input type="text" name="name" id="name" /&gt;
  
              &lt;label for="body"&gt;Comment Body&lt;/label&gt;
              &lt;textarea name="comment" id="comment" cols="20" rows="5"&gt;&lt;/textarea&gt;
  
              &lt;input type="submit" id="comment" class="button" value="Submit" /&gt;
      &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>All it is doing is refreshing the page and not loading the information in to div 2 :S</p>
  
  <p>thanks for your help                                </p>