title: Having issues with Javascript and XML
body: <p>Im trying to run this javascript on my site but I can't seem to get it to load.  I followed the tutorial link below but it just doesn't seem to load properly.  Can anyone help.  Sorry I'm new to working with XML.</p>
  
  <p>Im also trying to run this locally, not on a server.</p>
  
  <p>Video Link: <a href="https://www.youtube.com/watch?v=ppzYGd0wi_c" rel="nofollow">https://www.youtube.com/watch?v=ppzYGd0wi_c</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head&gt;
  
  
          &lt;title&gt;XML Testing&lt;/title&gt;
  
  
          &lt;meta name=viewport content="width=device-width, initial-scale=1"&gt;  
  
  
  
  
          &lt;!-- CSS Style Information --&gt;
  &lt;!--        &lt;link rel="stylesheet" href="files/style.css" media="all"&gt;--&gt;
  
  
  
          &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
  
  
          &lt;script type="text/javascript"&gt;
  
              $(document).ready(function(){
                 $.ajax({
                     type: "GET",
                     url: "data.xml",
                     dataType: "xml",
                     success: xmlParser
                 });
              });
  
              function xmlParser(xml){
                  $(xml).find("painting").each(function){
                     $("#container").append('&lt;div class="painting"&gt;&lt;img src="images/' + $(this).find("image").text() + '" width="200" height="225" alt="' + $(this).find("title").text() + '" /&gt;&lt;br/&gt;&lt;div class="title"&gt;' + $(this).find("title").text() + '&lt;br/&gt;$' + $(this).find("price").text() + '&lt;/div&gt;&lt;/div&gt;'); 
                  });
              }
  
  
          &lt;/script&gt;
  
  
      &lt;/head&gt;
      &lt;body id="body"&gt;
  
          &lt;div id="container"&gt;
  
          &lt;/div&gt;
  
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Separate xml file called data.xml</p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  
  
  &lt;paintings&gt;
      &lt;painting&gt;
          &lt;title&gt;Boardwalk 5&lt;/title&gt;
          &lt;artist&gt;Arnie Palmer&lt;/artist&gt;
          &lt;image&gt;test.png&lt;/image&gt;
          &lt;price&gt;850&lt;/price&gt;
      &lt;/painting&gt;
      &lt;painting&gt;
          &lt;title&gt;Boardwalk 5&lt;/title&gt;
          &lt;artist&gt;Arnie Palmer&lt;/artist&gt;
          &lt;image&gt;test.png&lt;/image&gt;
          &lt;price&gt;850&lt;/price&gt;
      &lt;/painting&gt;
  &lt;/paintings&gt;
  </code></pre>