title: refresh the contents of jquery data table on drop down change
body: <p>I am trying get json results on to jquery data table. I have got results but when ever i change drop down values the data table won't get refreshed. I have tried with  </p>
  
  <pre><code>fnClearTable();
  
  clear();
  
  fnDestroy(); 
  </code></pre>
  
  <p>but it dint work. </p>
  
  <p><strong>DataTable</strong></p>
  
  <pre><code>function table(obj) {
  
      if (obj != null &amp;&amp; obj.length &gt; 0) {
          // var dynamicColumns = [];
          var i = 0;
          $.each(obj[0], function (key, val) {
              var objectt = { sTitle: key };
  
              dynamicColumns[i] = objectt;
              i++;
          });
  
          var i = 0;
          $.each(obj, function (key, val) {
              var rowData = [];
              var j = 0;
              $.each(obj[i], function (key, val) {
                  rowData[j] = val;
                  j++;
              });
              rowDataSet[i] = rowData;
  
              i++;
          });
  
  
       $('#tbDetails').DataTable({
              dom: 'Bfrtip',
              "bDestroy": true,              
              "bretrieve": true,
              "bScrollCollapse": true,
              "bJQueryUI": true,
              "bPaginate": false,
              "sScrollY": "200px",
              "bInfo": true,
              "bFilter": true,
              "bSort": true,
              buttons: [
                      'copy', 'csv', 'excel', 'pdf', 'print'
              ],
              "aaData": rowDataSet,
              "aoColumns": dynamicColumns  //These are dynamically created columns present in JSON object.
  
          });
  
          $("#PlotResults").dialog('open');
      }
  }
  </code></pre>
  
  <p>Please help me
  Thanks in advance</p>