title: reload datatable after ajax success
body: <p>I use JQuery DataTable. I send data to datatable onclick in json file at ajax succes .the first click everything is good,But the next click I get only the right data ANd wrong value of dataTables_info it display always the first value of dataTables_info And paginatio AND row too from the first result.
  This is the first display of data in datatable:</p>
  
  <p><a href="https://i.stack.imgur.com/OuKQO.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OuKQO.png" alt="The first Click"></a>  </p>
  
  <p>ALL the next Click I get only right data:
  For this exemple they are one result showing in picture below but everything else(info ,show,pagination) belong to first search showing in the first picture :
  <a href="https://i.stack.imgur.com/nY6Mr.png" rel="noreferrer"><img src="https://i.stack.imgur.com/nY6Mr.png" alt="enter image description here"></a></p>
  
  <p>In the second Exemple When I click at any page of pagination I get the content of the first page result!! 
  This is my function ONclick:</p>
  
  <pre><code>    $ ( '#ButtonPostJson' ).on('click',function() {
  
               $("tbody").empty();
               var forsearch = $("#searchItem").val();
  
      $.ajax({
          processing: true,
          serverSide: true,
          type: 'post',
          url: 'searchData.json',
          dataType: "json",
          data: mysearch,
         /* bRetrieve : true,*/
  
          success: function(data) {
              $.each(data, function(i, data) {
                  var body = "&lt;tr&gt;";
                  body    += "&lt;td&gt;" + data.name + "&lt;/td&gt;";
                 ..........................
                 ..........................
                  body    += "&lt;/tr&gt;";
                  $('.datatable-ajax-source table').append(body);
  
              })
          ;
              /*DataTables instantiation.*/
       $('.datatable-ajax-source table').dataTable();
      },
  
          error: function() {
              alert('Processus Echoué!');
          },
          afterSend: function(){
      $('.datatable-ajax-source table').dataTable().reload();
   /* $('.datatable-ajax-source table').dataTable({bRetrieve : true}).fnDestroy();    
      $(this).parents().remove(); 
  $('.datatable-ajax-source table').dataTable().clear();*/
      }
      });
      });
  </code></pre>
  
  <p>I try everything and i dont know what I miss.
  I use this jquery for datatable:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Thanks.</p>