title: How to reload the part of table?
body: <p>I have this table:</p>
  
  <p><a href="https://i.stack.imgur.com/K8aX9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K8aX9.png" alt="enter image description here"></a></p>
  
  <pre><code> $(".deleteProduct").click(function(){
      $.ajaxSetup({
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
      });
   var id = $(this).data("id");
   $.ajax(
      {
          url: "client/"+id,
          type: 'delete',
          dataType: "JSON",
          data: {
              "id": id 
          },
          success: function (response)
          {
            $("#reload_table").load(window.location + " #reload_table");
          }
      });
  });
  </code></pre>
  
  <p>Simply after delete first one <code>test2</code> everything is good and reload the part of table, but when I go to delete <code>test1</code> it does not delete it, I have to reload the whole page then delete it!</p>
  
  <p>I'm use this for reload the table but it reload for just one time!:</p>
  
  <pre><code>$("#reload_table").load(window.location + " #reload_table");
  </code></pre>
  
  <p>How can I make it reload table ? </p>
  
  <blockquote>
    <p>I'm not using any library like datatable etc, it just simple bootstrap table.</p>
  </blockquote>