title: Jquery data table reload on event
body: <p>I have created a jquery data table as follows.</p>
  
  <pre><code>var table =$('#alertHistoryTable').DataTable({
                          "processing": true,
                          "serverSide": true,
                          "columns" : [
                                  { title: "Alert Timestamp" },
                                  { title: "Type" },
                                  { title: "Message" },
                              ],
                          "ajax": {
                              "url" : "site/blocks/alert-table/ajax/alert-table.jag",
                              "type": "POST",
                              "data" : function (d) {
                                  d.action = "getDataFromAlertTable",
                                  d.tableName = tableName;
                                  d.searchQuery = null;
                                  d.entriesPerPage = $("#alertHistoryTable_length option:selected" ).val();
                              }
                          }
                          });
  
  $('#tableContainer').append(table); 
  $('#tableContainer').show(); 
  </code></pre>
  
  <p>I have a drop down to choose the tableName, and once the tableName is changed I need to resend the ajax request and fetch data from server. Can this be done? The default table(the default drop down option) is working perfecty. But i am unable to make it work once the dropdown option changes.</p>
  
  <p>any suggestions?</p>