title: Wrapping <%= f.check_box %> inside <label>
body: <p>I have a list of checkboxes on a form.  Due to the way the CSS is structured, the label element is styled directly.  This requires me to nest the checkbox inside of the  tag.</p>
  
  <p>This works in raw HTML, if you click on the label text, the state of the checkbox changes.  It doesn't work with the rails <code>&lt;%= f.check_box %&gt;</code> helper, however, because it outputs a hidden input tag first.</p>
  
  <p>In summary,</p>
  
  <pre><code>&lt;label&gt;
     &lt;%= f.check_box :foo %&gt;
     Foo
  &lt;/label&gt;
  </code></pre>
  
  <p>this is the output I <em>want</em>:</p>
  
  <pre><code>&lt;label&gt;
      &lt;input type="checkbox" ... /&gt; 
      &lt;input type="hidden" ... /&gt;
      Foo
  &lt;/label&gt;
  </code></pre>
  
  <p>...but <em>this</em> is what rails is giving me:</p>
  
  <pre><code>&lt;label&gt;
      &lt;input type="hidden" ... /&gt;
      &lt;input type="checkbox" ... /&gt;
      Foo
  &lt;/label&gt;
  </code></pre>
  
  <p>So the label behavior doesn't actually work :(.</p>
  
  <p>Is there any way to get around this?</p>