Will these ajax calls delay page elements further down?
<p>I am using this pseudocode to retrieve some json files and put their content into the content div.</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
        &lt;title&gt;Test&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div id="content"&gt;&lt;/div&gt;
        &lt;script type="text/javascript" charset="utf-8"&gt;
            var my_files = ['http://example.com/file.json', 'http://example.com/file2.json'];
            var params = {
                format: 'json'
            };
            function _populate_content(arg){jQuery("#content").text(arg)}
            jQuery(my_files.each(function() {
                jQuery.ajax({
                    url: url,
                    dataType: 'jsonp',
                    data: params,
                    jsonpCallback: "_populate_content",
                });
            });
        &lt;/script&gt;
        &lt;div id="more_content"&gt;&lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>It might take some time to retrieve the remote files. My question is: Will this code delay the loading and rendering of the "more_content"-div?</p>

<p>Would it be better to enclose the ajax retrieval in a $(document).ready() block?</p>
