title: Jquery detach and reattach to another
body: <p>I'm trying to move from 1 table row to another table row with <code>jquery</code>.<br>
  The row was detach but was not reattach to another table.<br>
  I have the same columns and format across all tables.</p>
  
  <pre><code>function copyToTableTwo(id) {
    var det=$('#del' + id).detach()
    $("#del" + id).appendTo("#table2");
  }
  
  function CopyToTableThree(id) {
     $('#del' + id).detach()
     $("#del" + id).appendTo("#table3");
  }
  </code></pre>
  
  <p><strong>html markup</strong></p>
  
  <pre><code>&lt;table class="table table-striped" id="table1"&gt;
      &lt;tr&gt;
          &lt;th&gt;
              col 1
          &lt;/th&gt;
          &lt;th&gt;
              col 2
          &lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr id="delMyID"&gt;
          &lt;td&gt;my row content&lt;/td&gt;
          &lt;td&gt;my row content&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="button" class="btn btn-sm btn-warning delbtn" onclick="copyToTableTwo('#delMyID')" name="name" value="detach TO next Table" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>