title: how to remove outer element of AJAX XML Response - Part 2
body: <p>Ok, this one has beaten me fair and square. Need help as I've wasted hours on this one. Please see my same question, answered earlier, but now proven not to actually do what I wanted - <a href="https://stackoverflow.com/questions/16091718/how-to-remove-outer-element-of-ajax-xml-response">how to remove outer element of AJAX XML Response</a></p>
  
  <p>Scenario: Server side sends client browser a text/xml response payload as follows:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8" standalone="yes"?&gt;&lt;tbody&gt;&lt;tr data-tt-parent-id="" data-tt-id="12345678" data-tt-branch="false"&gt;&lt;td&gt;&lt;span class="file"&gt;Total&lt;/span&gt;&lt;/td&gt;&lt;td&gt;data&lt;/td&gt;&lt;td&gt;data&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;
  </code></pre>
  
  <p>I need that cleansed of the XML markup header, and stripped of the tbody outer element, and acceptable as DOM compliant HTML to be inserted into the tbody of a table with id="tree". </p>
  
  <p>To Clarify, I require:</p>
  
  <pre><code>&lt;tr data-tt-parent-id="" data-tt-id="12345678" data-tt-branch="false"&gt;&lt;td&gt;&lt;span class="file"&gt;Total&lt;/span&gt;&lt;/td&gt;&lt;td&gt;data&lt;/td&gt;&lt;td&gt;data&lt;/td&gt;&lt;/tr&gt; as compliant HTML that will work with .html() or .append() etc
  </code></pre>
  
  <p>I would ideally like to leverage a JQuery solution but right now pure javascript would still be acceptable to get this thing done.</p>
  
  <p>This problem has really bugged the heck out of me. Please help me understand where I am clearly going wrong on this. I tried various combinations given from the previous question related to this same issue. Thank you all for any assistance. I acknowledge I am not a jquery veteran yet.</p>