title: jquery ajax async false causes click event issue
body: <p>I have a script that runs through a multi-level array and each time calls a new ajax GET command to a php file with part of that array as the data.
  Pretty basic...</p>
  
  <pre><code>for(var x=0; x&lt;cities.length; x++){
      for(var u=0; u&lt;links.length; u++){
         $.ajax({
                      url: "dontneedtoknow.php?city=" + cities[x] + "&amp;link=" + links[u],
                      type: 'GET',
                      async: false,
                      cache: false,
                      timeout: 30000,
                      error: function(){
                          return true;
                      },
                      success: function(data){ 
                            //just appending data to page
                      }
                  });
     }
  }
  </code></pre>
  
  <p>I'd like to be able to have click() events and the ability to STOP this for loop but when this loop is going I can't do ANYTHING because of the async false.</p>
  
  <p>I need the async false because I want the data to be appended as each function completes for a reason.</p>
  
  <p>I have tried .live() but that doesn't seem to work...</p>
  
  <p>Ideas?</p>