how to make sure everything is loaded in ajax using jquery
<p>Hello everyone I got trapped when Im using jquery loading some content into my page.
The code is like this:</p>

<pre><code>$("#holder").fadeout();
$("#holder").load("test.html", callbackfn);

function callbackfn(){
    $("#holder").fadein();
}
</code></pre>

<p>test.html</p>

<pre><code>&lt;div style="background-image:url(1.jpg);"&gt;test&lt;/div&gt;
</code></pre>

<p>That's the main idea, and actually it works quiet fine except that #holder is faded in before pictures are fully loaded.
How can I make sure everything in test.html is fully loaded before #holder is displayed?</p>
