title: responseJSON of a getJSON object is undefined?
body: <p>Given the following:</p>
  
  <pre><code>$(function() {
      function getTopMod(e) {
          var requesturl = '/r/lol/about/moderators.json';
          console.log(requesturl);
          var response = $.getJSON(requesturl);
          console.log(response);
          var responsedata = response.responseJSON;
          console.log(responsedata);
          var mods = responsedata.data.children;
          try {
              var topmod = mods[0].name;
              var url = document.location.origin + "/user/" + topmod;
          } catch(err) {
              var url = document.location.origin + requesturl;
          }
          console.log(url);
          //return false;
      }
      $(document).on("click", 'li.view-top-mod a', getTopMod)
  });
  </code></pre>
  
  <p>The request url is logged properly; and so is response. But when trying to  log responsedata, it is undefined (and as such, an error is thrown on the next line, as there is no data attribute). However, If I were to type these lines manually in the browser console:</p>
  
  <pre><code>var foo = $.getJSON('/r/lol/about/moderators.json');
  var biz = foo.responseJSON;
  biz
  </code></pre>
  
  <p>the responseJSON object is returned (if that's the right term) properly? And how would I resolve the error?</p>