title: pass paremeter through .load from previous ajax call
body: <p>Tearing my hair out on this one.... sure it just the structure of my function.</p>
  
  <p>Basically I make a Ajax call within an Ajax loaded tab. The call made within writes a record to the Database and returns a value. I can alert the value fine but when I try to use it as a data parameter in my .load() call it doesn't get passed?</p>
  
  <p>As they are in the same success function I just thought (Stupidly?) that I could easily reference it!</p>
  
  <pre><code>$('#convert-2-booking').click(function(e) {
      var quoteid = $(this).attr("title");
      $.ajax({
          type: "POST",
          url: 'tabs/convert-2-booking.asp?Planner_ID='+$('#convert-2-booking').attr("title")+'',
          data: quoteid,
          cache: false,
          dataType: "html",
          success: function(responseText){
              var ajax_load = "&lt;img class='loading' src='images/load.gif' alt='loading...' /&gt;";
              var loadUrl = "tabs/booking.asp";
              bookingid = responseText;
  
              //above gets correct returned id.
  
              $("#bookingtab").html(ajax_load).load(loadUrl, { 'bookingid': bookingid } ); // not here though :(
              alert(bookingid) // alerts the correct id here too!
              setTimeout(function() {
                              
                  // move to bookings tab after 3 seconds
  
                  $("#tabs").tabs( "option", "active", 3 );
                  // load correct record into tab
              }, 3000);
          },
          error: function(responseText){
              alert("NOT:"+responseText);
              //alert(responseText);
              $("#tabs").tabs( "option", "active", 2 ); //load previous tab itself if returns error..
          },
      });
  });
  </code></pre>