simple .delay problem

simple .delay problem

Hi,

I have a small introduction image and paragraph that I'm trying to fade in with a delay when a person loads up my homepage.  The fade in works fine but when I add the .delay it just makes the introduction not show all together.


    window.onload=(function() {
            $("#intro").fadeIn(1500);
        });


That's my code that makes the #intro fade in.  Works fine from what I can see?  But when I put the delay in it doesn't work and the #intro div doesn't show up at all anymore.


    window.onload=(function() {
            $("#intro").delay(500).fadeIn(1500);
        });


I'm not sure what I'm doing wrong.  I've searched on ways to make divs delay and tried various things but it ends with the same result; not working for me.