title: jQuery ajax calls async: false vs async: true
body: <p>I am trying to load html asynchronously using jQuery ajax function. But I for some reason, it only works if async is false. I am using code sample from jQuery website, I don't see why it wouldn't work?
  I am using Firefox browser, I tried it in IE 8, async: true works there.</p>
  
  <p>Alert shows that data is empty:</p>
  
  <pre><code>$.ajax({
                  url: 'test.html',
                  async: true,
                  success: function (data) { alert(data); }
              });
  </code></pre>
  
  <p>Data comes back with content of test.html :</p>
  
  <pre><code>$.ajax({
                  url: 'test.html',
                  async: false,
                  success: function (data) { alert(data); }
              });
  </code></pre>
  
  <p>Strangely enough this makes it work:</p>
  
  <pre><code>var response =    $.ajax({
                  url: 'test.html',
                  async: true,
                  success: function (data) { alert(data); }
              });
  
              alert(response);
  </code></pre>
  
  <p>What's going on here?</p>