title: html5 div inside label
body: <p>I am trying to ensure my webapp is HTML5 compliant and by doing so I discovered an HTML5 error. I am currently using the following code:</p>
  
  <pre><code>&lt;label&gt;&lt;div class="someClass"&gt;&lt;input type="checkbox" name="ChkBox[]" value="0"&gt;Some text goes here&lt;/div&gt;&lt;/label&gt;
  &lt;label&gt;&lt;div class="someClass"&gt;&lt;input type="checkbox" name="ChkBox[]" value="1"&gt;Some text goes here&lt;/div&gt;&lt;/label&gt;
  &lt;label&gt;&lt;div class="someClass"&gt;&lt;input type="checkbox" name="ChkBox[]" value="2"&gt;Some text goes here&lt;/div&gt;&lt;/label&gt;
  </code></pre>
  
  <p>My intention is to create a container using a div and css for styling, so when the user clicks anywhere on the container, the corresponding box is automatically checked. Is there a better method of doing this without a great deal of javascript or jquery? Please keep in mind the number of check boxes will vary.</p>