Is there an event for when the content of a HTML element has fully loaded?
<p>I have a <code>&lt;div&gt;</code> containing a number of images. I want to fade this <code>&lt;div&gt;</code> in <em>after</em> all contained images have loaded, as they make up one unit that I'd rather have display cleanly instead of momentarily all over the place (while loading).</p>

<p>Is there something similar to <code>window.onLoad</code> that I can apply to a certain element?</p>

<p>e.g.</p>

<pre><code>$("#id").onLoad(function()
{
    $(this).fadeIn(500);

});
</code></pre>
