title: Moving table row from one table to the other using Jquery
body: <p>I have the following HTML</p>
  
  <pre><code>&lt;table id="tbl1"&gt;
    &lt;!-- Table row trHeader should be here based on a flag //--&gt;  
  &lt;/table&gt;
  &lt;table id="tbl2"&gt;
    &lt;tr id="trHeader"&gt;
       &lt;td&gt;test&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I have a flag (essentially a button), that I use to be able to move the table row with id="tbl2". How would I switch it back to the same position based on this flag.</p>