title: How to remove error class using jQuery Validate?
body: <p>I have a form that adds an error class to the parent div for a set of checkboxes using the jQuery Validate plugin.  However, when a checkbox is selected, the error class is removed but the CSS styling remains.  Any ideas what I'm doing wrong?</p>
  
  <p>Example: <a href="http://jsfiddle.net/qK3SC/" rel="nofollow">http://jsfiddle.net/qK3SC/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form name="itemForm" id="itemForm" method="post"&gt;
  &lt;div id="boxes"&gt;
      &lt;input type="checkbox" id="check1" class="require-one" value="1" /&gt; Item #1
      &lt;input type="checkbox" id="check2" class="require-one" value="2" /&gt; Item #2
  &lt;/div&gt;
  &lt;div id="freetext"&gt;
      &lt;input type="text" class="required" /&gt;
  &lt;/div&gt;
  &lt;input type="submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$.validator.addMethod('require-one', function(value) {
      return $('.require-one:checked').size() &gt; 0;
  }, 'Please check at least one box.');
  
  var checkboxes = $('.require-one');
  var checkbox_names = $.map(checkboxes, function(e, i) {
      return $(e).attr("name")
  }).join(" ");
  
  $("#itemForm").validate({
      groups: {
          checks: checkbox_names
      },
      errorPlacement: function(error, element) {
          if (element.is(':checkbox')) {
              $(element).parent('div').addClass('checkbox-error');
  
          }
          return true;
      }
  });
  </code></pre>
  
  <h2><strong>UPDATE:</strong></h2>
  
  <p>I was able to use the highlight/unhighlight methods to get the error class to work for the checkboxes, but now the error class for my other elements are not working (i.e. text inputs and dropdowns).  See: <a href="http://jsfiddle.net/qK3SC/7/" rel="nofollow">http://jsfiddle.net/qK3SC/7/</a></p>