title: jQuery GET not succeeding
body: <p>I'm trying to read from a list of threads as described in a file 'forum.xml'. I have come to realise that my GET request is not succeeding. Here is the XML file (which is not modifiable)</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;!DOCTYPE forum SYSTEM "forum.dtd"&gt;
  &lt;forum&gt;
  &lt;thread&gt;
      &lt;title&gt;Tea Party&lt;/title&gt;
      &lt;posts&gt;teaParty.xml&lt;/posts&gt;
  &lt;/thread&gt;
  &lt;thread&gt;
      &lt;title&gt;COMP212 Exam&lt;/title&gt;
      &lt;posts&gt;crypto.xml&lt;/posts&gt;
  &lt;/thread&gt;
  &lt;/forum&gt;
  </code></pre>
  
  <p>and here is my js. I have tested that the element at target is being selected.</p>
  
  <pre><code>//threadReader.js
  //Gets and display list of threads
  
  
  var Threads = (function() {
  var pub = {};
  var target = $( ".thread");
  var xmlSource = 'forum.xml';
  
  function showThreads() {
      console.log("showThreads called");
      console.log(xmlSource);
      $({
          type: "GET",
          url: xmlSource,
          cache: false,
          success: function(data) {
              console.log(data);
              parseThreads(data, target);
          }
      });
  }
  
  function parseThreads(data, target) {
      console.log("parseThreads called");
      console.log(target);
      console.log(data);
  
      target.append("&lt;ul&gt;");
      $(data).find("title").each(function () {
          $(target).append("&lt;li&gt;");
          $(target).append($(this).text());
          $(target).append("&lt;/li&gt;");
      });
  }
  
  pub.setup = function() {
      showThreads();
  }
  
  return pub;
  }());
  
  $(document).ready(Threads.setup);
  </code></pre>
  
  <p>any insight is always appreciated</p>