title: Update dynamic table with JQuery and Ajax
body: <p>I have a dynamic table that looks like the following:
  <img src="https://i.stack.imgur.com/J6ya6.jpg" alt="enter image description here"></p>
  
  <p>Each time I click on update, a JQuery dialog box shows up containing a form in order to update  a chosen row. Until this moment, I succeeded at making this update but the problem I'm facing now is that once I make an update, my database get updated but not the table in my web page.
  I have two solutions in my mind:</p>
  
  <ul>
  <li>Reload the whole page after update (I don't prefer this) </li>
  <li>Use Ajax to update the table (this is quite difficult for a beginner
  like me! but I try)</li>
  </ul>
  
  <p>Below is the code to update a row:</p>
  
  <pre><code>$.ajax({
  type: "POST",
  url: "../folder/update.php",
  data: dataString,
  success: function(){
      $('.info').show().html("&lt;img src='../images/success.png' width='30px' height='35' /&gt;").delay(2000).fadeOut();
  // I guess I should load the table here
  }
  });
  </code></pre>
  
  <p>What do you think my friends? any suggestions?</p>