title: Form .validate with jquery - use both errorPlacement and showErrors
body: <p>I am trying to make validation with Jquery .validate plugin.</p>
  
  <p>I can't use errorPlacement and showErrors methods together.</p>
  
  <p>JsFiddle:
  Working errorPlacement - <a href="http://jsfiddle.net/5RrGa/1861/" rel="nofollow">http://jsfiddle.net/5RrGa/1861/</a></p>
  
  <p>Working showErrors     - <a href="http://jsfiddle.net/5RrGa/1862/" rel="nofollow">http://jsfiddle.net/5RrGa/1862/</a></p>
  
  <p>I need to combine them both to work together.</p>
  
  <pre><code>$("#form").validate({
      ignore: [],
      errorPlacement: function(error, element) {
          // if showErrors exists, this block is skipped. 
          error.insertAfter(element);
      },
      showErrors: function(errorMap, errorList){
          for (var i = 0; errorList[i]; i++) {
             var errorElement = this.errorList[i].element['attributes']['field']['value'];
             $('#allErrors').append("&lt;p&gt;" + errorElement + "&lt;/p&gt;");
          }
      },
      submitHandler: function(form) {
          // Submit the form
          form.submit();
      },
      invalidHandler: function(event, validator) {
          // Show message with errors 
          $('#errordiv').show();
      }
  });
  </code></pre>
  
  <p>When i remove showErrors, errorPlacement works perfect.
  If I try to use showErrors it skips errorPlacement.</p>
  
  <p>If I put showErrors before errorPlacament nothing changes, errorPlacement still don't work.</p>
  
  <p>How to make both methods to work together?</p>