title: Refresh DataTable after a remove() done
body: <p>I've done a row <code>remove()</code> and then I tried to <code>fnDestroy()</code> and initialize back the <strong>DataTable</strong>. <strong>The record count and the pagination does not effected(The *<em>DataTable</strong> not refreshed)</em>*. </p>
  
  <p>I've also tried to use <code>fnDraw()</code> but it's still no use. </p>
  
  <p>I've looked at the page source and the deleted row html is still there. </p>
  
  <p>I'm using <strong>Ajax</strong> to delete the row. Appreciate your help</p>
  
  <p>This is my delete script:</p>
  
  <pre><code>$(document).ready(function()
          {
              $('table#sample_1 td a.delete').click(function()
              {
                  if (confirm("Are you sure you want to delete this row?"))
                  {
                      var id = $(this).parent().parent().attr('id');
                      var data = 'id=' + id ;
                      var parent = $(this).parent().parent();
  
                      $.ajax(
                      {
                             type: "POST",
                             url: "process.php",
                             dataType: "json",
                             data: data,
                             cache: false,
  
                             success: function()
                             {
  
                              var dtable = $('#sample_1').dataTable();
                          dtable.fnDestroy();
  
  
                          parent.fadeOut('slow', function() {$(this).remove();});
  
  
                          //Reinitialize the datatable
                          $('#sample_1').dataTable({
                                      "sDom": "&lt;'row-fluid'&lt;'span6'l&gt;&lt;'span6'f&gt;r&gt;t&lt;'row-fluid'&lt;'span6'i&gt;&lt;'span6'p&gt;&gt;",
                                      "sPaginationType": "bootstrap",
                                      "oLanguage": {
                                          "sLengthMenu": "_MENU_ records per page",
                                          "oPaginate": {
                                              "sPrevious": "Prev",
                                              "sNext": "Next"
                                          }
                                      },
                                      "aoColumnDefs": [{
                                          'bSortable': false,
                                          'aTargets': [0]
                                      }]
                          });
  
                             }
                       });
                  }
              });
  
  
          });
  
  
          &lt;/script&gt;
  </code></pre>