title: help with jquery validate plugin and checkboxes
body: <p>I have a checkbox group that I need to name uniquely to store values in a database separately.
  However, using jquery validate plugin, I cannot validate the group with names being different.</p>
  
  <pre><code>&lt;label&gt;Would you like to compete?&lt;/label&gt;
        &lt;input type="checkbox"  name="compete1" value="2" class="competecheckbox" &gt;
        &lt;label for="compete_no"&gt;No&lt;/label&gt;
        &lt;input type="checkbox" name="compete2" value="1" class="competecheckbox"&gt;
        &lt;label for="compete_yes"&gt;Yes&lt;/label&gt;
        &lt;div id="competeyes"&gt;
          &lt;label class="competeyestxt" hidden=true&gt;Which Location?&lt;/label&gt;
          &lt;textarea rows="4" cols="40" maxlength="2000" name="competeyestextarea" class="competeyestxt" hidden="true"&gt;
          &lt;/textarea&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>I tried adding </p>
  
  <pre><code>$.validator.addClassRules(
  "competecheckbox", {required: true, minlength: 1});
  </code></pre>
  
  <p>This kinda works but it shows 2 error messages. 
  One for each of the matching class 'competecheckbox'.</p>
  
  <p>The problem is that even if the user selects compete1, the validation error message still remains for compete2.</p>
  
  <p>How can I clear both messages when the user selects at least one checkbox?</p>
  
  <p>thanks</p>