title: AJAX / JQuery - var does not exist
body: <p>I have the code below that grabs some html from an AJAX request and then hides one row of a table and shows another, but even though the <code>var</code> that I create to hold the html (quick_edit_html) is available after the AJAX function has run (tested by putting it in an alert box), Firebug tells me that it does not exist when I try and use it in the next function (which is not running until the AJAX request is done).</p>
  
  <p>Any ideas on where I'm going wrong?</p>
  
  <pre><code>/** Run the AJAX request to grab the qucik edit html */
  var load_quick_edit = jQuery.post(MyAjax.ajaxurl, data, function(response){
      var quick_edit_html = response;
  });
  
  /** Display the correct quick edit row */
  load_quick_edit.done(function(){
  
      /** Hide the row that is to be edited */
      jQuery('tr#display-'+slug).hide();
  
      /** Show the quick edit row that the user has requested */
      jQuery('tr#quick-edit-'+slug).show();
      jQuery('tr#quick-edit-'+slug).html(quick_edit_html);
  
  });
  </code></pre>
  
  <p>Thanks.</p>