IE9 jquery Load function problem
<p>This is the full code what i am looking for.</p>

<p>First black screen will come, after that logo loads with fadein affect. after 2sec the full div will be faded out.</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {  
     $('#splash-logo').hide()
        .load(function () {
             $('#splash-logo').fadeIn(2000, function() {
                   $('#splash').fadeOut(1000);  
              });
        });
});
&lt;/script&gt;


&lt;style type="text/css"&gt;
#splash{
    background:#000;
    width:100%;
    height:100%;
    position:absolute;
    z-index:9999;
    text-align:center;
    padding-top:98px;
}
body{
    margin:0;
}
&lt;/style&gt;


&lt;div id="splash"&gt;
&lt;img src="" id="#splash-logo" /&gt;
&lt;/div&gt;
</code></pre>
