title: Javascript .appendChild(tableA) move the table into a single cell.
body: <p>I have two tables in Javascript.</p>
  
  <pre><code>    &lt;table  class="fHTML5" &gt;
  
          &lt;!-- TABLE HEADER--&gt;
          &lt;thead&gt;
             &lt;tr&gt;&lt;td colspan=15&gt;Mass Table - &lt;/td&gt;&lt;/tr&gt;
              &lt;tr id="RowHead"&gt;
                  &lt;th&gt;ID&lt;/th&gt;&lt;th&gt;P Load (N)&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody id="CTable" &gt;
  
          &lt;/tbody&gt;
       &lt;/table&gt;
  
  Example Output
  ===============
  | ID | P Load |
  ---------------
  |  1 |   700  |
  |  2 |   800  |
  ---------------
  </code></pre>
  
  <p>And this table:</p>
  
  <pre><code>    &lt;table  class="fHTML5" &gt;
  
          &lt;!-- TABLE HEADER--&gt;
          &lt;thead&gt;
             &lt;tr&gt;&lt;td colspan=15&gt;Mass Table - &lt;/td&gt;&lt;/tr&gt;
              &lt;tr id="RowHead"&gt;
                  &lt;th&gt;ID&lt;/th&gt;&lt;th&gt;P Load (N)&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody id="BTable" &gt;
  
          &lt;/tbody&gt;
       &lt;/table&gt;
  
  Example Output
  ===============
  | ID | P Load |
  ---------------
  |  1 |   100  |
  |  2 |   500  |
  ---------------
  </code></pre>
  
  <p>I wish to copy of the body of the CTable into BTable, using this command. </p>
  
  <pre><code>this.BTable.appendChild(this.CTable); 
  </code></pre>
  
  <p>However when I try this I get the following output:</p>
  
  <pre><code>Example Output
  ==========================
  | ID            | P Load |
  --------------------------
  |  1            |   100  |
  |  2            |   500  |
  |  1  | 700     |
  |  2  | 800     |
  -----------------
  </code></pre>
  
  <p>instead of (this is what I'm looking for):</p>
  
  <pre><code>================
  | ID  | P Load |
  ----------------
  |  1  |   100  |
  |  2  |   500  |
  |  1  |   700  |
  |  2  |   800  |
  -----------------
  </code></pre>
  
  <p>Basically the appendChild command loads the entire table into the first cell. Is there a Javascript object/function that will append like minded tables together or do I have to manually code read the row and insert the row? Thanks</p>
  
  <p>(Note: there are a few similar questions to this asked previously however none that I manage to get to work and only solutions found in JS )</p>