title: Form Submit - Preventing page reload jQuery
body: <p>I'm building a contact form and i want to submit the data through ajax and display the result back via the same. But whenever user clicks on submit button, the page seems to be submitting automatically. I have used jquery's <strong>preventDefault</strong> and <strong>stopPropogation</strong> too. But its still not working. I'm new to jQuery and I might be missing something small. Here's the code:</p>
  
  <p><strong>Form</strong></p>
  
  <pre><code>&lt;form action="#" method="post" accept-charset="utf-8" name="contactform" id="contactform"&gt;
          &lt;p&gt;Name&lt;br/&gt;&lt;input type="text" name="cname" value="" id="cname" required /&gt;&lt;/p&gt;&lt;br/&gt;
          &lt;p&gt;Email&lt;br/&gt;&lt;input type="email" name="cemail" value="" id="cemail" required /&gt;&lt;/p&gt;&lt;br/&gt;
          &lt;p&gt;Message&lt;br/&gt;&lt;textarea name="cmessage" cols="40" rows="10" id="cmessage" required &gt;&lt;/textarea&gt;&lt;/p&gt;
  
          //Re-captcha code here
          &lt;p&gt;&lt;input type="submit" name="contact_submit" value="Submit" id="contact_submit"  /&gt;&lt;/p&gt;
          &lt;/form&gt; 
  
          &lt;br /&gt;
          &lt;div id="result"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>$(document).ready( function(){
  $("#contact_submit").click( function(e){
  
     e.preventDefault();
     e.stopPropagation();
  
  
  
  
   });
  
   $("#result").html('');
  
   $("#contactform").validate();
  
  
   });
  </code></pre>
  
  <p>I have included jQuery Validation Plugin which also isn't working.</p>