title: jQuery validate display error message in div
body: <p>I am new with jQuery validation and learing so I don't have any idea about this. Now I am using <a href="http://jqueryvalidation.org/" rel="noreferrer">jQuery Validate plugin</a> and want to display error message inside div element. I have created div for every error message. </p>
  
  <p>For example I have Name input field and want to display error message inside <code>nameError</code> div.</p>
  
  <pre><code>&lt;div&gt;
      &lt;label for="name"&gt;Name&lt;/label&gt;
      &lt;input id='name' name="name" value="" /&gt;
  &lt;/div&gt;
  &lt;div id="nameError"&gt;
      &lt;!-- Display Name Error Here  --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is it possible for jQuery Validation Plugin? I have no idea that why I am posting here to get help from you.</p>
  
  <p><strong>MY  JQUERY CODE IS:</strong></p>
  
  <pre><code>$(function () {
      $.validator.addMethod("regex", function (value, element, regexpr) {
          return regexpr.test(value);
      }, "Please enter a valid name.");
  
      $("#myForm").validate({
          rules: {
              name: {
                  required: true,
                  regex: /^[A-Za-z]+$/
              }
          }
      });
  });
  </code></pre>
  
  <p><a href="http://goo.gl/R1Ga0R" rel="noreferrer">MY JSFIIDLE</a></p>
  
  <p>Thanks.</p>