title: Jquery Validation with errorContainer
body: <p>I'm using the Jquery Validation script found at <a href="http://jqueryvalidation.org/" rel="nofollow">http://jqueryvalidation.org/</a> and am wanting it setup so when you click a button (not a submit button!) it checks the form for validation. If there is an error, it displays the error next to the fields that have the error, but also displays a message on the bottom of the form saying there are errors above that need to be fixed.</p>
  
  <p>I can't seem to get the bottom message working. I'm trying to use the errorContainer that Jquery Validation has but it doesn't seem to work.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;form id="myform" method="post"&gt;
      &lt;p&gt;
          &lt;label for="emailAddress"&gt;Email Address*&lt;/label&gt;
          &lt;input id="emailAddress" name="emailAddress" class="Span12 EmailAddress" type="email" data-rule-required="true" data-rule-email="true" data-rule-minlength="5" data-msg-required="Provide an email" data-msg-email="Provide a proper email" data-msg-minlength="Email must be at least 5 characters" /&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;input id="SendMessage" type="button" value="Send Message" class="Button ButtonLarge" /&gt;
          &lt;div class="form-errors"&gt;
              &lt;h4&gt;There are errors in your form submission, please see details in the form!&lt;/h4&gt;
          &lt;/div&gt;
      &lt;/p&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>Jquery:</strong></p>
  
  <pre><code>$(document).ready(function() {
      $('#SendMessage').click(function () {
          $("#myform").valid({
              errorContainer: ".form-errors"
          });
      });
  });
  </code></pre>
  
  <p><strong>I have a JSFiddle using this code here:</strong></p>
  
  <p><a href="http://jsfiddle.net/bluecaret/Qh485/" rel="nofollow">http://jsfiddle.net/bluecaret/Qh485/</a></p>