title: checkbox checked with prop() does not fire events attached to "change"
body: <p>boxes checked using jQuery <code>prop()</code> do not affect listeners attached to <code>change</code> handler.</p>
  
  <p>My code is something like</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div&gt;
      &lt;label&gt;
          &lt;input type="checkbox" class="ch" /&gt;test&lt;/label&gt;
      &lt;label&gt;
          &lt;input type="checkbox" class="ch" /&gt;test&lt;/label&gt;
      &lt;label&gt;
          &lt;input type="checkbox" class="ch" /&gt;test&lt;/label&gt;
      &lt;input type="button" value="check the box" id="select" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code> $("body").on("change", ".ch", function(){
  
    alert("checked");
  
  });
  
  
  $("body").on("click", "#select", function(){
  
    $(this).parent("div").find("input[type=checkbox]").prop("checked", true);
  
  });
  </code></pre>
  
  <p>the alert fires when I click on the checkbox. How can I make it fire when the property of the checkbox changes? <a href="http://jsbin.com/OWaGOQe/1/edit">JSBIN</a></p>