title: jQuery datatable checkall
body: <p>HTML</p>
  
  <pre><code>&lt;div class="box"&gt;
  &lt;table id="Datatable"&gt;
      &lt;thead&gt;
         &lt;tr&gt;
           &lt;th&gt;&lt;input name="checkall" type="checkbox" class="checkall" value="ON" /&gt;&lt;/th&gt;
           &lt;th&gt;field&lt;/th&gt;
           &lt;th&gt;field&lt;/th&gt;
           &lt;th&gt;field&lt;/th&gt;
           &lt;th&gt;field&lt;/th&gt;
           &lt;th&gt;field&lt;/th&gt;
        &lt;/tr&gt;
     &lt;/thead&gt;
     &lt;tbody&gt;
        &lt;tr&gt;
          &lt;th class="checkers"&gt;&lt;input type="checkbox" name="selected[]"/&gt;&lt;/th&gt;
          &lt;td&gt;value&lt;/td&gt;                                          
          &lt;td&gt;value&lt;/td&gt;  
          &lt;td&gt;value&lt;/td&gt;  
          &lt;td&gt;value&lt;/td&gt;  
          &lt;td&gt;value&lt;/td&gt;  
        &lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to make the checkall checkbox selects all the checkboxes using this code:</p>
  
  <pre><code>$('.checkall').click(function () {
          var checkall =$(this).parents('.box:eq(0)').find(':checkbox').attr('checked', this.checked);
          $.uniform.update(checkall);
      });
  </code></pre>
  
  <p>As datatable shows the first 10,20,30 ... etc rows and removes the others from the DOM to do the pagination, this jQuery code only selects the rows in the current page. So is there anyway that I can select all checkboxes?</p>