title: HTML5 required attribute not working
body: <p>I want to create a email contact form without refreshing the page. So i added jquery im my html file. I used html required attribute ti check if the fields are empty. But when i add jquery code im my html code, the required attribute doesn't work. Below is my code.</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;HTML5 Contact Form&lt;/title&gt;
      &lt;link rel="stylesheet" media="screen" href="styles.css" &gt;
  
      &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
  
  $('#submit').click(function(){
  
  $.post("send.php", $("#mycontactform").serialize(),  function(response) {   
   $('#success').html(response);
   //$('#success').hide('slow');
  });
  return false;
  
  
  });
  
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
  &lt;form id="mycontactform" class="contact_form" action="" method="post" name="contact_form"&gt;
      &lt;ul&gt;
          &lt;li&gt;
               &lt;h2&gt;Contact Us&lt;/h2&gt;
               &lt;span class="required_notification"&gt;* Denotes Required Field&lt;/span&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="name"&gt;Name:&lt;/label&gt;
              &lt;input type="text"  id="name"  name="name" placeholder="John Doe" required /&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="email"&gt;Email:&lt;/label&gt;
              &lt;input type="email" name="email" id="email"  placeholder="john_doe@example.com" required /&gt;
              &lt;span class="form_hint"&gt;Proper format "name@something.com"&lt;/span&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
              &lt;label for="message"&gt;Message:&lt;/label&gt;
              &lt;textarea name="message" id="message"  cols="40" rows="6" required &gt;&lt;/textarea&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;button class="submit"  id="submit"  style="cursor:pointer" type="submit"&gt;Submit Form&lt;/button&gt;
              &lt;div id="success" style="color:red;"&gt;&lt;/div&gt;
  
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/form&gt;
  
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>I need required attibute to work and also that jquery code to work. Can someone help me?</p>