Cannot reinitialise DataTable

Hi All,

When I use theese codes, The browser say : DataTables warning (table id='example'): cannot reinitialise DataTable..

How can I use both theese functions.

///////////// Footer Callback Func.

$(document).ready(function() {
				$('#example').dataTable( {
					"fnFooterCallback": function ( nRow, aaData, iStart, iEnd, aiDisplay ) {
						/*
						 * Calculate the total market share for all browsers in this table (ie inc. outside
						 * the pagination)
						 */
						var iTotalMarket = 0;
						for ( var i=0 ; i<aaData.length ; i++ )
						{
							iTotalMarket += aaData[i][4]*1;
						}
						
						/* Calculate the market share for browsers on this page */
						var iPageMarket = 0;
						for ( var i=iStart ; i<iEnd ; i++ )
						{
							iPageMarket += aaData[ aiDisplay[i] ][4]*1;
						}
						
						/* Modify the footer row to match what we want */
						var nCells = nRow.getElementsByTagName('th');
						nCells[1].innerHTML = parseInt(iPageMarket * 100)/100 +
							'% ('+ parseInt(iTotalMarket * 100)/100 +'% total)';
					}
				} );
			} );


///// Checkbox Func.

    $(document).ready( function () {
                                 $('#example').dataTable().columnFilter(
                               
                                {   
                                                          
                                aoColumns: [
              {type: "null"},{type: "checkbox", values: null},{type: "null"} ]});              
                        } );

thanks