title: Programmatically changing checkbox does not fire change event
body: <p>I have the following code here:</p>
  <pre><code>$('input[type=&quot;checkbox&quot;][id=&quot;gridlines&quot;]').change(function () {
      alert('hello world');
  });
  
  $('#gridlines').prop('checked', true);
  </code></pre>
  <p>When I load my page, the checkbox is checked, but the &quot;hello world&quot; does not get prompted.</p>
  <p>However, when I click on the checkbox manually, &quot;hello world&quot; gets prompted.</p>
  <p>What gives?</p>