title: JQuery validation resetForm is not working
body: <p>I have a very simple issue: There is a form with a <code>clear form</code> button. When I click on it, all fields reset. But I also have an extra validation rule: at least one additional field should be filled. After clearing, they all are empty, of course, but I don't want to see these validation messages. I want it to clear the entire form, hide all validation messages and so on. Here is my code:</p>
  
  <pre><code>$("a[data-clear]").click(function (event) {
      var now = new Date();
      $("#report_search section:gt(0) input").val("");
      $("#includeDerived").prop("checked", true);
      $("#includeApp").prop("checked", true);
      $("#includeOrg").prop("checked", false);
      $("input[name='FromDate']").datepicker().datepicker("setDate", now.dateAdd("year", -1));
      $("input[name='ToDate']").datepicker().datepicker("setDate", now);
      $("form").validate().resetForm();
      event.preventDefault();
  });
  </code></pre>
  
  <p>I have only one form on the page so multiple forms is not an issue.</p>
  
  <p>Desired result: form is cleared, validation messages are not shown.</p>
  
  <p>Actual result: form is cleared, validation messages persist.</p>
  
  <hr>
  
  <p>Sample rule which is checking if fields are filled:</p>
  
  <pre><code>jQuery.validator.addMethod("isSufficientInfo",
      function (value, element, params) {
          var hasPersonInfo = $("input[name='LastName']").val() &amp;&amp; $("input[name='FirstName']").val();
          if (hasPersonInfo) {
              return true;
          }
          var hasDocInfo = $("select[name='D']").val() &amp;&amp; $("input[name='C']").val() &amp;&amp; $("input[name='E']").val();
          if (hasDocInfo) {
              return true;
          }
          return $("input[name='A']").val() || $("input[name='B']").val();
      }, "File some fields");
  $("#IsEnoughInfo").rules("add", { isSufficientInfo: "" });
  </code></pre>