title: Why does dynamically changing a checkbox not trigger a form change event?
body: <p>I wrote this snippet of javascript/jQuery to change a check box.
  <a href="http://jsfiddle.net/johnhoffman/crF93/" rel="noreferrer">http://jsfiddle.net/johnhoffman/crF93/</a></p>
  
  <p>Javascript</p>
  
  <pre><code>$(function() {
      $("a").click(function() {
         if ($("input[type='checkbox']").attr('checked') == "checked")
             $("input[type='checkbox']").removeAttr('checked');
         else
             $("input[type='checkbox']").attr('checked', 'checked');
         return false;
      });
  
      $("input[type='checkbox']").change(function(){ 
          console.log("Checkbox changed.");            
      });    
  });​
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;input type="checkbox" /&gt;
  &lt;a href="#"&gt;Change CheckBox&lt;/a&gt;​
  </code></pre>
  
  <p>Interestingly, clicking the link alters the text box, but does not trigger the form change event that calls the function that logs a message in Chrome Web Developer Console. Why? How do I make it do that?</p>