title: Datatables reload on change event
body: <p>I have a html drop down that initially populates and shows the data table.  The data is coming from a json array.  Once the drop down is changed i'm getting the reinitialise error and having trouble fixing it.</p>
  
  <p>I've tried the table.ajax.reload and also the table.fnReloadAjax();  I work with datatables off an on so not the greatest with them.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>function Population() {
  var table = $('#Population').dataTable();
  
  $("#quickStats").change(function () {
  
      var optionValue = $("#quickStats").val();
      console.log(optionValue);
  
      if (optionValue == 1) {
          $("#display").append('&lt;table cellpadding="0" cellspacing="0" border="0" class="display" id="Population"&gt;' +            
          '&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Demographic&lt;/th&gt;&lt;th&gt;Total&lt;/th&gt;&lt;/thead&gt;'
           + '&lt;/table&gt;');
  
  
      $('#Population').dataTable({
          "data": usPopulation,
          "bJQueryUI":true,
          "columns": [
              { "data": "Demographic" },
              { "data": "Total" }
  
          ],
      });
  }
      table.ajax.reload();
  
  });
  }
  </code></pre>