title: Labels and hidden fields in Internet Explorer (and jquery)
body: <p>I'm having trouble checking hidden checkboxes in IE. This is the base html:</p>
  
  <pre><code>&lt;input id="groups_ids_1" name="group_ids[]" type="checkbox" value="1" /&gt;
  &lt;label for="groups_ids_1"&gt;Display&lt;/label&gt;
  </code></pre>
  
  <p>This works fine, but if I then hide the checkboxes using either</p>
  
  <pre><code>$('input[type=checkbox]').hide();
  </code></pre>
  
  <p>or</p>
  
  <pre><code>$('input[type=checkbox]').css('visibility', 'hidden');
  </code></pre>
  
  <p>Clicking the label no longer checks the checkbox in IE. Of course it works fine in Firefox, Chrome and Safari.</p>