title: Difference in HTML checkbox 'checked' property/attribute in IE and Chrome
body: <p>See JSFiddle</p>
  
  <p><a href="http://jsfiddle.net/gK6kX/11/" rel="nofollow">http://jsfiddle.net/gK6kX/11/</a> has the lines:</p>
  
  <pre><code>$("input#aaa")[0].checked = false;
  $("input#aaa")[0].setAttribute('checked', false);
  </code></pre>
  
  <p>The third box is checked on Chrome but not IE (IE9).</p>
  
  <p>I understand why it's checked on Chrome - checked="false" means the box is still checked.  </p>
  
  <p>I <em>don't</em> understand why it <em>isn't</em> checked on IE.  </p>
  
  <p>It looks as if the first line (<code>checked = false</code> on the DOM object, vs. setAttribute) somehow makes a difference on IE, but not Chrome. </p>
  
  <p>What does this first line do?  And why would someone have used both lines rather than just <code>setAttribute</code>?</p>