title: Keeping the information obtained in a $.ajax call's done(...) method
body: <p>I'm getting the correct stuff in <em>done</em> but the assignment to a variable with an wider scope doesn't work. It worked for e.g. <em>$.each(...)</em> so I assumed, incorrectly, that it'd work here too.</p>
  
  <pre><code>var outee = null;
  $.ajax({
    url: "http://...",
    dataType: 'jsonp',
    ...
  }).done(function (stuff) { 
    // works well
    displayThe(stuff);
    // works well (but targets probably a global outee)
    outee = stuff;
    displayThe(outee);
  });
  // fail due to outee being nada, nicht, zilch etc.
  displayThe(outee);
  </code></pre>
  
  <p>How can I store <em>stuff</em> for usage <strong>outside</strong> the scope of the anonymous function in <em>done</em> method that obtained it?</p>
  
  <p>Am I correct to assume that the assignment <strong>inside</strong> <em>done</em> refers to a global <em>outee</em>? One way to resolve my problem would be not to hide the global <em>outee</em> by the declaration n the method of a <em>var</em>-ed <em>outsee</em>, right? But that's a bad programming style to me. Comments?</p>