title: jQuery Validate: Display group error message until all fields are correct
body: <p>I have grouped two input fields so that it only displays one error message regardless of how many of the input fields are invalid.</p>
  
  <p>My problem occurs if I leave both of them empty and try to submit the form - as soon as I enter anything into one of them the error message disappears. It reappears if I select and deselect the empty input field.</p>
  
  <p>What I would like is for the error message to remain as long as one or more of the input fields is invalid. And prevent the error message from disappearing when one of the two empty input fields gets filled out.</p>
  
  <p>Here's my code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form&gt;
      &lt;div&gt;
          &lt;label for="fname"&gt;First Name&lt;/label&gt;
          &lt;input name="fname" id="fname" class="required"&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;label for="lname"&gt;Last Name&lt;/label&gt;
          &lt;input name="lname" id="lname" class="required"&gt;
      &lt;/div&gt;
      &lt;input type="submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$("form").validate({
      groups: {
          name: 'fname lname'
      },
  
      errorPlacement: function (error, element) {
          if (element.attr('name') == 'fname' || element.attr('name') == 'lname')
              error.insertAfter('#lname');
      }
  });
  </code></pre>
  
  <p>And a <a href="http://jsfiddle.net/KLtCA/6/" rel="nofollow">JSFiddle</a>.</p>
  
  <p>Thanks!</p>