html page doesn't have a chance to render between ajax calls
<p>I have some 'ajax' calls (really sjax I guess you could call it) and I'm trying to make them render on the page <em>one at a time</em>, but they aren't. They all render at the end. How can I space them out?</p>

<pre><code>function getNames() {
    var names = $('#thenames').val();
    alert(names);
    var splitnames = names.split(',');
    for(var i = 0; i &lt; splitnames.length; i++) {
    var name = splitnames[i];

    $.ajax({
        type: 'GET',
        url: '/acert/secure/people/namesservice/getnamesajax.jsp',
        data: { usernames: name},
        success: function(data) { $('#results').html($('#results').html() + data);},
        async: false });
        }
    }
}
</code></pre>

<p>I can't risk them coming back in the wrong order so I need them to be synchronous. I put them into a for-loop, so the for-loop should give the browser a chance to render between calls, but I can't seem to make it.</p>

<p>Any ideas on what I'm doing wrong?</p>

<p>If I add an alertbox in the success function it works, but I don't want to have to babysit the operation, I just want to monitor its progress now and again.</p>
