title: "Undefined" error response from AJAX JQUERY call to XML file
body: <p>I am doing a prototype that will fetch a variety of XMLs from a web resource location and then display them on the DOM.</p>
  
  <p>Here is the function</p>
  
  <pre><code>    function readXML()
  {
      $.ajax({
          type: "GET",
          url: "https://collaboratewiki.com/wikiattachments/61736956/engineer.xml",
          dataType: "xml",
          success: function(xml) 
          {
              window.alert("success")
          },
          error: function(xhr,err)
          {
              alert("readyState: "+err.readyState+"\nstatus: "+err.status);
              alert("responseText: "+err.responseText);
          }
  });
  
  
  }
  </code></pre>
  
  <p>When I call this function it goes to the error case but I get "Undefined" in my message output.</p>
  
  <p><img src="https://i.stack.imgur.com/ckkdl.png" alt="enter image description here"></p>
  
  <p>I need to find out why I can't fetch my XML but with this output its not helpful at all.</p>
  
  <p>How do I get all the details of the error that is happening with the AJAX call?</p>
  
  <p>I have tried instead of "err.responseText" , "xhr.responseText" but I still get the undefined.</p>
  
  <p>Thanks</p>