title: Checkbox .change() event doesn't fire, when "fired" by another checkbox
body: <p>I'm using a checkbox to check all other checkboxes in a table.<br />
  After a checkbox being checked INSIDE the table (on change) I sum up every textbox value in the same tr.<br /><br />
  <b>It works well on Firefox and Chrome.</b><br /><br />
  On IE11 and below (it's important for me that it works in EVERY browser) the first change of the "all" checkbox just tick the others, but doesn't sum up the textbox values.<br />
  On the second click he sums up but untick the checkboxes.<br />
  So it works in the wrong way because the first "change" is ignored or sth.<br /><br /></p>
  
  <p>Sorry for my bad english and bad description.<br /></p>
  
  <pre><code>&lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Auswahl &lt;input type="checkbox" id="allcheck" /&gt;&lt;/th&gt;
          &lt;th&gt;Kunden-Nr.&lt;/th&gt;
          &lt;th&gt;Personal-Nr.&lt;/th&gt;
          &lt;th&gt;Vorname&lt;/th&gt;
          &lt;th&gt;Name&lt;/th&gt;
          &lt;th&gt;Gutscheintyp&lt;/th&gt;
          &lt;th&gt;Betrag €&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td align="center"&gt;&lt;input type="checkbox" name="check" /&gt;&lt;/td&gt;
          &lt;td align="left"&gt;1&lt;/td&gt;
          &lt;td align="left"&gt;2&lt;/td&gt;
          &lt;td align="left"&gt;3&lt;/td&gt;
          &lt;td align="left"&gt;4&lt;/td&gt;
          &lt;td align="left" class="typ"&gt;5&lt;/td&gt;
          &lt;td align="center" class="texttd"&gt;
          &lt;input type="text" class="txt" maxlength="5" onclick="this.select()" value="20.00" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
      &lt;tfoot&gt;
          &lt;tr&gt;
              &lt;th colspan="5"&gt;&lt;/th&gt;
              &lt;th colspan="1""&gt;Summe&lt;/th&gt;
              &lt;th colspan="1" id="sum"&gt;0,00&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/tfoot&gt;
  </code></pre>
  
  <p><br />
  allcheck is the id of the checkbox, checking all others. :)<br /><br /></p>
  
  <pre><code>// TICK ALL CHECKBOXES
  $('#allcheck').click (function () {
      var checkedStatus = this.checked;
      $('table tbody').find('input[type="checkbox"]').each(function () {
          $(this).prop('checked', checkedStatus);
      });
  });
  
  
  
  // SUM UP TEXTBOXES IF CHECKBOX CHECKED
  $('input[type="checkbox"]').change(function() {
      var sum = 0.00;
      $("table tr td input:checked").each(function(){
          test = $(this).closest('tr').find('input[type="text"]').val();
          test = test.replace( ",",".");
      if (isNaN(test)) {
          sum = 0.00;
      }
          sum += parseFloat(test, 10);
      $("#sum").html(sum.toString().replace(".",","));
  });
      sum = parseFloat(sum, 10);
      sum = sum.toFixed(2);
      $("#sum").html(sum.toString().replace(".",","));
  });
  </code></pre>
  
  <p>I hope these information are enough for you to help me a little. :)</p>