title: jQuery .prop('checked') not changing actual checked attribute in HTML
body: <p>OK, this most probably is a rather dumb question but I am having difficulty wrapping my head around this...</p>
  
  <p>On page load / generation I am adding <code>checked="checked"</code> to my <code>&lt;input type="checkbox" value="1"&gt;</code> via PHP based on the actual database entry.</p>
  
  <p>Upon acting with the form I am reading the input's checked status via Javascript / jQuery in order to (AJAX-)submit the form and update the database entry.</p>
  
  <p>The issue is that even when my JS-evaluation <code>_this.is(':checked')</code> returns <code>false</code> the actual HTML / DOM representation still show the checked attribute <code>&lt;input type="checkbox" value="1" checked="checked"&gt;</code>.</p>
  
  <p>I know that I could <code>.removeAttr('checked')</code> but that doesn't make sense (everything works) and is also not recommended (see <a href="https://stackoverflow.com/questions/6169826/propchecked-false-or-removeattrchecked">this SO question</a>...)</p>
  
  <hr>
  
  <p><strong>My question(s) would be</strong>: Is this normal behaviour? Should I simply disregard the inconsistence? What am I not getting here?</p>
  
  <p>Thanks for your time + effort!</p>