title: How do I force a .change() event within Datatables?
body: <p>I am using jQuery DataTables and some custom code to build a comparison basket for a site.</p>
  
  <p>I know <code>.change()</code> forces a change event but when I am doing this from within DataTables it doesn't seem to work.</p>
  
  <p>Here is the offending code:</p>
  
  <pre><code>table.on('change', '[type="checkbox"]', function () {
  ~
  ~
  ~
  removeCtrl.addEventListener('click', function () {
      var removal_id = $(this).parent().data("idx");
  
      // .change() forces the 'changed' event to trigger.
      $('#' + removal_id).prop('checked', false).change();
  
      $(this).parent().remove();
  });
  });
  </code></pre>
  
  <p>This code is attached to a small "X" in the upper right corner of an image.  The image itself is completely outside of DataTables.</p>
  
  <p>This line finds the exact check box that needs to be unchecked and unchecks it, it should then fire the <code>change</code> event but that doesn't seem to be working.  It works on whatever page I am on.  But if I am on page 2 and the check box that needs to be unchecked is on page 1, it will uncheck it, but the change event is not fired which i need to be fired.</p>
  
  <p>I have also tried <code>table.$('#' + removal_id).prop('checked', false).change();</code> and it does the same thing.  Table referring to the DataTable object.</p>
  
  <p>When I am on the same page as the check box that needs to be unchecked the change event fires correctly.</p>
  
  <p>Any idea what I need to change to make the change event fire when not on the same page as the check box?</p>