title: Jquery validation event after errors are shown
body: <p>I am using this plugin
  <a href="http://jqueryvalidation.org/validate" rel="nofollow">http://jqueryvalidation.org/validate</a></p>
  
  <p>What I am trying to do is to manipulate the error message's element after the the validation is done. But, using this code</p>
  
  <pre><code>$(".selector").validate({
    errorClass: 'error-message'
    invalidHandler: function(event, validator) {
         console.log($("#myDiv").find('.error-message').length); 
    }
  });
  </code></pre>
  
  <p>outputs 0, as I am guessing because this function works before outputting error messages into html. How can I run my code after validation is done and also error div elements are already inserted into page.</p>
  
  <p><strong>update</strong></p>
  
  <p><code>myDiv</code> element is a div of a specific input, not for the whole form, I want to call a function that will move the error element at the end of that div (I have another elements in my div) simply it would look smth like this</p>
  
  <pre><code>if ($("#myDiv").find('.error-message').length &gt; 0) {
     $("#myDiv").find('.error-message').appendTo($("#myDiv"));
  }
  </code></pre>
  
  <p>Thanks</p>