title: jquery validation plugin with ajax submit handler not working
body: <p>I've used the jquery validation plugin quite a bit in the last few days, but have yet to use it with an ajax submit.  What I have is below cut down to two fields.  There are no errors for the values when submitting.  There is no submission happening whatsoever when clicking the submit button. It just does nothing.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;form id="account-info-form" action="/process/p_profile_info.php" method="post"&gt;
      &lt;div class="row margin-bottom-20"&gt;
          &lt;div class="col-md-6 form-group"&gt;
              &lt;label&gt;First Name&lt;/label&gt;
              &lt;div class="input-group"&gt;
                  &lt;span class="input-group-addon"&gt;
                      &lt;i class="fa fa-user fa-fw"&gt;&lt;/i&gt;
                  &lt;/span&gt;
                  &lt;input class="form-control" type="text" name="fname"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-6 form-group"&gt;
              &lt;label&gt;Last Name&lt;/label&gt;
              &lt;div class="input-group"&gt;
                  &lt;span class="input-group-addon"&gt;
                      &lt;i class="fa fa-user fa-fw"&gt;&lt;/i&gt;
                  &lt;/span&gt;
                  &lt;input class="form-control" type="text" name="lname"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row margin-bottom-30"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;button class="btn btn-primary" type="submit" name="account-info" value="save"&gt;&lt;i class="fa fa-check-circle"&gt;&lt;/i&gt; Save Changes&lt;/button&gt;
              &lt;button class="btn btn-default" type="reset"&gt;Cancel&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$('#account-info-form').validate({          
      // ajax submit
      submitHandler: function (form) {
      var $form = $(this);
          $.ajax({
              type: $form.attr('method'),
              url: $form.attr('action'),
              data: $form.serialize(),
              dataType : 'json'
          })
          .done(function (response) {
              if (response.success == 'success')
              {               
          alert('success');                       
              } 
              else
              {
                  alert('fail');
              }
          });
      return false; // required to block normal submit since you used ajax
      }
  });
  </code></pre>