title: checkboxes inside labels?
body: <p>I see all over the web two ways that people code checkboxes, which one is correct?</p>
  
  <ol>
  <li><code>&lt;input id="a" type="checkbox"/&gt;&lt;label for="a"&gt;checkbox&lt;/label&gt;</code></li>
  <li><code>&lt;label for="b"&gt;&lt;input id="b" type="checkbox"&gt;checkbox&lt;/label&gt;</code></li>
  </ol>
  
  <p>They both work fine in Chrome, is one more cross browser than the other? Is there any difference?</p>
  
  <h2><a href="http://jsfiddle.net/6wbFh/" rel="noreferrer">DEMO</a></h2>