title: JQuery - Checkbox on-change event doesn't fire if checked using JQuery
body: <p>I have this <code>Check All</code> function which check all check boxes. I use JQuery to do that.</p>
  
  <p>But I also have this <code>on change</code> function that toggle a class to the wrapper div:</p>
  
  <pre><code>$('input[type="checkbox"]').on('change', function(){
      $(this).closest('div').toggleClass('highlight');
  });
  </code></pre>
  
  <p>That function runs when I click the Checkbox, but not if I click <code>Check all</code>.</p>
  
  <p>Is there any way to manually fire an event using JQuery? Or is there better solution?</p>
  
  <p>Thanks</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Here's the simplified HTML:</p>
  
  <pre><code>&lt;a id="check_all"&gt;Check All&lt;/a&gt;
  &lt;div&gt;
      &lt;input type="checkbox" name="cb" value="abc"&gt;ABC&lt;br&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;input type="checkbox" name="cb" value="pqr"&gt;PQR&lt;br&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;input type="checkbox" name="cb" value="xyz"&gt;XYZ&lt;br&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Here's the JSFiddle</strong></p>
  
  <p><a href="http://jsfiddle.net/DarcFiddle/d4VTh/">http://jsfiddle.net/DarcFiddle/d4VTh/</a></p>