title: jquery datatables selected row's data getting reset on paginated table while navigating on pages
body: <p>I am using jquery datatables . <a href="http://jsfiddle.net/s3j5pbj4/2/" rel="nofollow">http://jsfiddle.net/s3j5pbj4/2/</a> 
  I am populating around 3000 records in paginated table.Problem is that If am selecting few checkbox and dropdown options in first page and move to next page (by clicking on paginated next button) and again come back on first page , selected data is getting reset again (i.e. lets say every paginated page shows 10 rows on each page and if I have selected 5 rows on first page and then navigate to next page and again come back to first page selected row's data getting reset again). I want my user should be able to see what all selection he made on any page and then submit . </p>
  
  <pre><code>    $(document).ready(function() {
              var oTable = $('#dbResultsTable').dataTable({
                  "sPaginationType": "full_numbers" ,
                  "paging":   true,
                  "ordering" : true,
                  "scrollY":false,
                  "autoWidth": false,
                  "serverSide": false,
                   "processing": false,
                    "bDeferRender": true,
                  "info":     true ,
                  "lengthMenu": [[10,25,50 ,100, -1], [10,25,50, 100, "All"]],
                  "scrollX": "100%" ,
                   "aoColumns":[
  
              { "mDataProp": null},
  
              { "mDataProp": "operation"}
        ],
  
          "sAjaxSource" : "ResultPopulator",
          "bJQueryUI" : true,
          fnRowCallback : function(nRow,aaData, iDisplayIndex) {
  
          jQuery('td:eq(0)', nRow).html('&lt;input id="checkId_' + nRow+ 'name="" type="checkbox")&gt;');
          var operationString = '&lt;select name="operation" &gt;';
  
          operationString = operationString + '&lt;option selected disabled hidden value=""&gt;&lt;/option&gt;';
  for ( var i = 0; i &lt; aaData.operation.length; i++) {
  operationString = operationString+ '&lt;option&gt;'   + aaData.operation[i]+ '&lt;/option&gt;';
  }
  
      operationString = operationString   + '&lt;/select&gt;';
  jQuery('td:eq(1)', nRow).html(operationString);
  return nRow;
  },
  }
  );
  </code></pre>
  
  <p>});</p>
  
  <pre><code>function validateFields(){
      var status = true;
       var rowSelected = false ;
        var rows = $("#dbResultsTable").dataTable().fnGetNodes();
          for (var i = 0; i &lt; rows.length; i++) {
              var cells = rows[i].cells;
              if(cells[0].children[0].checked){
                   rowSelected = true;
                   var operation =  cells[1].children[0].value;
                   if(operation==""){
                      var msz = " Please select an operation"  
                      status = false ;
                      printMsz(msz);
                       break;
                   }
              }
  }
  </code></pre>
  
  <p>Can somebody help me on this ?</p>