title: Checkbox checked attribute not toggling
body: <p>I came across a strange issue when attempting to add jQuery functionality initiated by a checkbox. My checkbox appears to be toggling the checked attribute, since visually the check mark toggles on click, but the "checked" attribute actually never changes. </p>
  
  <p>Here's an example of my issue: <a href="http://jsfiddle.net/ez710gxL/3/" rel="nofollow">http://jsfiddle.net/ez710gxL/3/</a></p>
  
  <pre><code>&lt;input id="check_box_2" class="css-checkbox padding-left-3" type="checkbox" checked="checked" /&gt;
  &lt;label for="check_box_2" name="cb_lbl_2" class="css-label" style="margin-top:5px; margin-left:10px;"&gt;Show Note&lt;/label&gt;
  </code></pre>
  
  <p>My question is:
  If the checked attribute does not change, how can I use jQuery to determine if the checkbox is checked or not? </p>