Unchecking All checkboxes
<p>The checkAll click function works, however, the uncheckAll click function does not. Anybody see what is preventing it from unchecking all the checkboxes that are checked.</p>

<pre><code>$('#checkAll').click(function (e) {
    e.preventDefault();
    $('#dataTablePageList :checkbox').attr('checked','checked');
    $(this).removeAttr('id').attr('id','uncheckAll');
    $(this).find('strong').html('Uncheck All Checkboxes');
});

$('#uncheckAll').click(function (e) {
    e.preventDefault();
    $('#dataTablePageList :checkbox').removeAttr("checked");
    $(this).removeAttr('id').attr('id','checkAll');
    $(this).find('strong').html('Check All Checkboxes');
});
</code></pre>

<p>EDIT: </p>

<p>I tried this however for some reason it doesn't do anything. Not sure why.</p>

<pre><code>$('#dataTablePageList').delegate('#checkAll', 'click', function(e) {
    e.preventDefault();
    $('#dataTablePageList :checkbox').attr('checked',true);
    $(this).removeAttr('id').attr('id','uncheckAll');
    $(this).find('strong').html('Uncheck All Checkboxes');
});

$('#dataTablePageList').delegate('#uncheckAll', 'click', function(e) {
    e.preventDefault();
    $('#dataTablePageList :checkbox').attr('checked',false);
    $(this).removeAttr('id').attr('id','checkAll');
    $(this).find('strong').html('Check All Checkboxes');
});
</code></pre>

<p>Edit 3:</p>

<pre><code>$('#viewAll').live('click', function(e) {
    e.preventDefault();
    oTable.fnLengthChange(-1);
    $(this).removeClass('viewAll').addClass('paginateRecords');
    $(this).find('strong').html('View Paginated Records');
    $('.pagination').hide();
}); 

$('#paginateRecords').live('click', function(e) {
    e.preventDefault();
    oTable.fnLengthChange(10);
    $(this).removeClass('paginateRecords').addClass('viewAll');
    $(this).find('strong').html('View All Records'); 
    $('.pagination').show();          
});
</code></pre>
