title: Reload Datatable with new aaData value
body: <p>How to refresh the Datatable, When new Json data is sent</p>
  
  <hr>
  
  <p><strong>POST</strong> request Receives data , which is sent to <strong>LoadTable</strong> function to populate the datatable.
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>function initializeTable(){
   $("#submitbutton").on(
    'click',
    function(){
     $.ajax({
      type : 'POST',
      url : 'rest/log/events',
      data : {
       fromTime : $("#fromTime-filter").val(),
       toTime : $("#toTime-filter").val(),
       Text : $("#search-filter-input").val() 
      },
      
      success : function(data) {
       loadTable(data);
      },
      error : function(jqXHR, textStatus, errorThrown) {
       showAjaxError(jqXHR, textStatus, errorThrown,
        $("#error-msg"));
      }
     });
    });
  }</code></pre>
  </div>
  </div>
  </p>
  
  <hr>
  
  <p>'<strong>data</strong>' is passed to Load function, which loads the data to a table <strong>correctly</strong> the <strong>first time</strong>.
  When i submit the POST request the second time, i see New 'data' in the browser console, but the Datatable is <strong>not</strong> <strong>refreshed</strong>.</p>
  
  <p>But when i Refresh the Page(datatable is cleared) and then do a new POST, new data loads normally. I want the new data to be loaded without the need to refresh the page.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>function loadTable(data)
  {
   $('#report-table').dataTable( {
    bProcessing : true,
    bJQueryUI : true,
    bLengthChange : false,
    bDestory : true,
    bRetrieve : true,
    bStateSave : true,
    oTableTools: {
     sRowSelect: "multi",
     aButtons: [ "select_all", "select_none" ]
    },
    iDisplayLength : 20,
    "aaData": data,
    "aoColumns": [
     { "mData" : "date"  },
     { "mData" : "name"   },
     { "mData" : "type"    },
     { "mData" : "section"   }
    ]
   } );
  }</code></pre>
  </div>
  </div>
  </p>