title: Deleted table row reappears after refresh
body: <p>I have a simply html table, and script that deletes a row whenever delete is clicked, however as soon as I refresh the page the deleted row re-appears again. How can I actually delete the row in the file? Do I need to use php?</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;table id="row"&gt; 
    &lt;tr&gt;
      &lt;td&gt;&lt;a href=''&gt;row1&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a  class='delete' href=''&gt;Delete&lt;/a&gt;&lt;/td&gt;  
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;a href=''&gt;row2&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a  class='delete' href=''&gt;Delete&lt;/a&gt;&lt;/td&gt;  
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;a href=''&gt;row3&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a  class='delete' href=''&gt;Delete&lt;/a&gt;&lt;/td&gt;  
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>&lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function() {
      $("#row .delete").on("click",function() {
          var tr = $(this).closest('tr');
          tr.css("background-color","#FF3700");
          tr.fadeOut(400, function(){
              tr.remove().clone();
          });
          return false;
      });
  });
    &lt;/script&gt;
  </code></pre>