title: Why is responseText undefined here?
body: <pre><code>$.ajax({
    url: 'http://jsonplaceholder.typicode.com/posts/1',
    method: 'GET',
  }).done(function(data){
    console.log(data);
    console.log(data.responseText);
  });
  </code></pre>
  
  <p>Can anyone help me understand why <code>console.log(data.responseText);</code> is returning undefined?</p>
  
  <p><a href="http://clarkben.com/ajaxtesting/" rel="noreferrer">http://clarkben.com/ajaxtesting/</a></p>
  
  <p>Edit: OK so it looks like data is not a jqXHR object. If a assign the whole $.ajax statement to a variable then that variable is a jqXHR object so it can be accessed that way. I'm not sure why the data passed in to the function that is part of .done is not a jqXHR object though.</p>
  
  <pre><code>var theRequest = $.ajax({
      url: 'http://jsonplaceholder.typicode.com/posts/1',
      method: 'GET',
  }).done(function(data){
          console.log(data);
          console.log(theRequest.responseText);
    });
  </code></pre>