title: Get Full Content of XML Item?
body: <p>I have an XML file that has items that look like this: </p>
  
  <pre><code>&lt;CutOffItem&gt;
      &lt;partnum&gt;SAIT22021&lt;/partnum&gt;
      &lt;diameter&gt;4-1/2"&lt;/diameter&gt;
      &lt;width&gt;0.045"&lt;/width&gt;
      &lt;arbor&gt;7/8"&lt;/arbor&gt;&lt;material&gt;METAL&lt;/material&gt;
      &lt;maxrpm&gt;13300&lt;/maxrpm&gt;
      &lt;brand&gt;UNITED ABRASIVES, INC.&lt;/brand&gt;    
      &lt;imgsrc&gt;style\images\Original Bolt Pics\Abrasives\Cutoff\SAIT 4.5-8in.jpg&lt;/imgsrc&gt;
  &lt;/CutOffItem&gt;
  </code></pre>
  
  <p>I am referencing each element via jQuery to use in an HTML document like this:</p>
  
  <pre><code>xmlDoc = $.parseXML( xml ),
  $xml = $( xmlDoc ),
  $partnum = $xml.find( "partnum" );
  $title = $xml.find( "title" );
  $category = $xml.find( "category" );
  $type = $xml.find( "type" );
  $diameter = $xml.find( "diameter" );
  $width = $xml.find( "width" );
  $arbor = $xml.find( "arbor" );
  $brand = $xml.find( "brand" );
  $imgsrc = $xml.find( "imgsrc" );
  </code></pre>
  
  <p>And displaying them like this: </p>
  
  <pre><code>//Title
  var h3 = document.createElement('p');
  h3.innerHTML = $title.text();
  $('#item').append(h3);
  </code></pre>
  
  <p>All is working as intended, but when I try to do this to the img src: </p>
  
  <pre><code>// IMG
  var img = document.createElement('img');
  var src = document.createAttribute('src');
  src.value = $imgsrc.text();
  img.setAttributeNode(src);
  $('#item').append(img);
  </code></pre>
  
  <p>The img element that displays on the HTML page code looks like this: </p>
  
  <pre><code>&lt;img src="styleimagesOriginal Bolt PicsAbrasivesCutoffSAIT 4.5-8in.jpg"&gt;
  </code></pre>
  
  <p><strong>.text() removed all forward slashes from the URL. How can I keep the forward slashes?</strong> </p>