title: Jquery trigger enter and clicked button functionality on form
body: <p>I am working on a form and in that form button is disabled by starting and after filling the form button will get able to submit it. Now, I want that after filling the form the user should be able to submit the form by clicking enter button as well and it should validate if the all the fields are filled or not as well. I want this functionality with Jquery only.</p>
  
  <p>Thanks in advance.</p>
  
  <p>Here is the code on which I want this to be:-</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
      &lt;div class="form-group"&gt; 
      &lt;label for="URL"&gt;Website - (Optional Field)&lt;/label&gt; 
      &lt;input class="form-control" id="URL" placeholder="www.example.com" type="url"&gt; 
      &lt;/div&gt; 
      &lt;div class="form-group"&gt; 
      &lt;label for="Legal_Name"&gt;Name&lt;/label&gt; 
      &lt;input class="form-control" id="Legal_Name" placeholder="Enter Your Legal Name" type="text"&gt; 
      &lt;/div&gt; 
      &lt;div class="form-group"&gt; &lt;label for="Doing_Business"&gt;Doing As - (Common Name) &lt;/label&gt; 
      &lt;input class="form-control" id="Doing" type="email"&gt; 
      &lt;/div&gt; 
      &lt;button type="submit" class="btn btn-default section_btn section-5-next hover_ease btn_disable"&gt;Next&lt;/button&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  
  
  <pre><code>&lt;script&gt;$('.section-5-next').click(function(){
      $('.section-5').hide();
          $('.section-6').fadeIn();
          $('.Progress_Status').html('35%').css({'width':'35%'});
      });
  &lt;/script&gt;
  </code></pre>