title: jQuery validation is not working during button click
body: <p>I have a simple page with a form and a button outside the form. I am trying to validate the form on the button click. I have added the rules for validation of the form on the document.onready function. However the form is not getting validated. </p>
  
  <p>HTML </p>
  
  <pre><code>&lt;form id="form1" method="post" action=""&gt;
    &lt;div&gt;
      &lt;input name="Name" id="name1" data-errorclass="error-name"/&gt;
    &lt;/div&gt;
    &lt;input type="submit" id="name_id" value="Save"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function () {
     $("#name_id").click(function() {
       alert("called");
       $('.form1').validate({
         rules: {
          'Name' : {
              required: true
           }
  
         },
         messages: {
          'Name' : {
              required: 'Name is  required'
           }
         },
         errorClass: 'error-name',
         errorPlacement: function(err, element) {
          err.insertBefore(element);
          },        
       });
     });
  });
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/B5mVh/" rel="nofollow">fiddle</a></strong></p>