title: Jquery Validate custom error message location
body: <p>This looks very simply, but I can't figure it out. I'm using the jquery validate plugin. I'm trying to validate <code>&lt;input name=first&gt;</code> and <code>&lt;input name=second&gt;</code> to output the error messages into:</p>
  
  <pre><code>&lt;span id="errNm2"&gt;&lt;/span&gt; &lt;span id="errNm1"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>I already started writing the errorPlacement: which is where you customize your error message location. </p>
  
  <p>How can I put the errors message in those <code>&lt;span&gt;</code>?</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function () {
      $('#form').validate({
          errorPlacement: function(error, element) {
              error.append($('.errorTxt span'));
          },
          rules,
  });
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input type="text" name="first"/&gt;
  &lt;input type="text" name="second"/&gt;
  
  &lt;div class="errorTxt"&gt;
     &lt;span id="errNm2"&gt;&lt;/span&gt;
     &lt;span id="errNm1"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>