Fading in on Page Load

Fading in on Page Load

I am trying to do something which seems simple enough but for whatever reason I can't get it to work.

Here's the problem:
I have a div box on a page that had 6 images absolutely positioned in it. When the page loads I want the whole box to fade in at once or in some kind of order. I've been trying just to fade everything in at once using this:

$(window).load(function () {
    $("#leader").fadeIn(500);
});


And that it does nothing. The CSS for the box is just this: #leader{position:relative; height:400px;. Am I missing something in plain sight or am I totally off on my code here?

How hard or were would I need to start if I were to try and fade each of them in starting at different times?

Thanks