title: jQuery Validate plugin's invalidHandler counter
body: <p>How do I get the jQuery Validate plugin to update the <code>invalidHandler</code> error counter when a valid entry is done?</p>
  
  <pre><code>$(document).ready(function () {
      $("#report-listing-form").validate({
          rules: {
              'listing-report-email': {
                  required: true,
                  email: true
              },
                  'listing-report-name': {
                  required: true
              },
                  'listing-report-phone': {
                  number: true,
                  minlength: 7,
                  maxlength: 12
              },
                  'contact-msg': {
                  required: true,
                  maxWords: 1000
              }
          },
          errorPlacement: function(error, element) {
              return false;  // will suppress error messages
          },
          invalidHandler: function (event, validator) {
              var errors = validator.numberOfInvalids();
              if (errors) {
                  var message = (errors == 1) ? '1 invalid field.' : errors + ' invalid fields.';
  
                  $("#err_report-listing-form").html(message).addClass("text-error");
              }
          },
          submitHandler: function (form) {
              alert('valid form');
              return false;
          }
      });
  });
  </code></pre>
  
  <p>here is a working example of my code <a href="http://jsfiddle.net/4VP9X/12/" rel="nofollow">http://jsfiddle.net/4VP9X/12/</a></p>