title: Unable to check a checkbox inside a <div> but works perfectly well outside
body: <p>I am unable to check the checkbox in the below code.  If <code>&lt;input type="checkbox..</code> is placed outside the <code>&lt;div&gt;</code> it works fine and not inside the <code>&lt;div&gt;</code>  </p>
  
  <p>Any idea why.</p>
  
  <pre><code>&lt;div id="SEL"&gt;
  
    &lt;div style="position:relative; width:100%; height:30px; background-color:#FF5300; bottom:1px;"&gt;
  
       &lt;input type="checkbox" name="test" value="test" style="position:relative; top:5px; left:10px;"&gt;
  
    &lt;/div&gt;
  
  &lt;/div&gt;  
  </code></pre>