title: Cannot load XML documents on web page with JavaScript
body: <p>I am trying to load my parse my XML document but the HTML page remains null, is there something that I'm doing wrong.</p>
  
  <p><strong>index.html</strong> </p>
  
  <pre><code>&lt;script type="text/javascript" src="assets/js/script.js"&gt;&lt;/script&gt;
  &lt;body onLoad="outputXML('content', 'assets/xml/sample.xml', 'assets/xml/sample.xsl');"&gt;&lt;/body&gt;
  </code></pre>
  
  <p><strong>script.js</strong> </p>
  
  <p><a href="http://pastebin.com/nC7iqdNZ" rel="nofollow">Click here to view the code</a></p>
  
  <p><strong>sample.xml</strong> </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;hitrecords&gt;
    &lt;record genre="Ska"&gt;
      &lt;artist category="group" gender="male"&gt;Madness&lt;/artist&gt;
      &lt;title&gt;Baggy Trousers&lt;/title&gt;
      &lt;length&gt;
        &lt;minutes&gt;3&lt;/minutes&gt;
        &lt;seconds&gt;30&lt;/seconds&gt;
      &lt;/length&gt;
    &lt;/record&gt;
  &lt;/hitrecords&gt;
  </code></pre>
  
  <p><strong>sample.xsl</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"&gt;
      &lt;xsl:template match="/"&gt;
          &lt;xsl:for-each select="hitrecords/record"&gt;
              &lt;p&gt;
                  &lt;xsl:value-of select="."/&gt;
                  &lt;xsl:value-of select="@genre"/&gt; 
                  &lt;xsl:value-of select="artist"/&gt; 
              &lt;/p&gt;
          &lt;/xsl:for-each&gt;
      &lt;/xsl:template&gt; 
  &lt;/xsl:stylesheet&gt;
  </code></pre>