title: How to refresh jquery datatable after deleting a row
body: <p>Each row in the data table has a delete button.</p>
  
  <p>On click of the delete button, I am calling this code:</p>
  
  <pre><code>$('.deleteButton').live('click', function () {
  
               var $this = $(this);
               var url = $this.attr("id");
               $("#example").fnReloadAjax();
               $.getJSON(url, Success());
           });
  </code></pre>
  
  <p>The url is action of the controller that takes the Id and deletes the data from the database. That works.
  I now want to call the refresh/redraw function of datatable so it can load new results but it doesn't work.</p>
  
  <p>Datatable is:</p>
  
  <pre><code> $("#example").dataTable({
               "aoColumns": [
                       { "sTitle": "Id" },
                        { "sTitle": "Name" }],
  
  
               "bProcessing": true,
               "bServerSide": true,
  
               "sAjaxSource": '@Url.Action("FetchData", "Home")',
               "sPaginationType": "full_numbers",
  
  });
  </code></pre>
  
  <p>Can anyone please advice?</p>