title: bootstrap jquery datatable clear before loading and
body: <p>I am using jquery bootstrap style <strong>datatable</strong>. I have 3 input fields and one search button in screen and when I am hitting search button first time without any input I am getting correct result(suppose 1000 records) with pagination</p>
  
  <p>But when next time I am hitting search button with some input I am getting the below error <strong>table id can not reinitilize Datatable for more information about this error, please see <a href="http://datatables.net/tn/3" rel="nofollow">http://datatables.net/tn/3</a></strong>. and I am getting the result(suppose 200 records) but the pagination is showing for the fist search(1000 records).</p>
  
  <p>Below is my code.</p>
  
  <pre><code>$.ajax({
                              url: '../../search.do?param=searchUser',
                              type: 'post',
                              data:data,
                              success:function(result){
                                  $("#dataTableBodyId").html(result);
                                  $("#associatesDetailsId").DataTable({
                                      "responsive": true,
                                      "paging": true,
                                      "searching":true
                                  });
                              },
                              error:function(){
                                  alert("error");
                              }
                          });
  </code></pre>
  
  <p>Please help me.</p>