title: How to clone tr in table using jquery
body: <p>Have a lot of tables on the page. I want to add new row with existing data after some one <code>tr</code>. So I have one of the table:</p>
  
  <pre><code>        &lt;table&gt;
              &lt;tr&gt;
                  &lt;th&gt;...&lt;/th&gt;
                  &lt;td&gt;...&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
          &lt;p id="add-tr"&gt;[add]&lt;/p&gt;
  </code></pre>
  
  <p>And when I click to <code>[add]</code>, I want to add a new <code>tr</code> with existing <code>th</code> and <code>td</code> elements.
  I found last table with:</p>
  
  <pre><code>$('#add-tr').on('click',function(){
      $(this).prev('table')...;
      });
  </code></pre>
  
  <p>(checked with hide() func) What to do next? Tried: </p>
  
  <pre><code>$(this).prev('table').closest('tr').clone();
  </code></pre>
  
  <p>But no effect!</p>
  
  <p>My first question at stackoverflow! So not too harsh, and thanks!</p>