title: Jquery append a table inside of a td breaks
body: <p>This one has me stumped... there is a apparently something that breaks in jquery when I try appending a table inside of a another table td or th... hopefully there is someone with an answer</p>
  
  <p>This is simplified version of what I'm trying to do but should get the point across</p>
  
  <p>Example</p>
  
  <pre><code>&lt;table id="myTable"&gt;
      &lt;tr&gt;
          &lt;td&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;script&gt;
      $('#myTable td:last').append('&lt;table&gt;&lt;tr&gt;&lt;td&gt;Cell1&lt;/td&gt;&lt;td&gt;Cell2&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;');
  &lt;/script&gt;
  </code></pre>
  
  <p>when you do this jquery will automatically take the rest of the table and insert it into the "td" instead of just inserting the table I appended. Its like it doesnt see the closing tag so everything from the rest of the table gets added to the "td"</p>
  
  <p>Is there a work around or am I just doing this wrong?</p>
  
  <p>Any help would be greatly appreciated</p>