jquery hide image then fadein
<p>I've not any experience with jquery or java script - sorry!</p>

<p>I have an aspx page with a flash animation. If flash is not available then it displays a static image instead. I'd like the image to fade in. Currently this doesn't work. I've even tried just hiding the image using $(imgConnect).hide(); but that doesn't work either! The page is in a web app and I'm developing in VS 2010. I did add some sample jquery in another page of the same web app and that worked ok, using the same jquery library reference.</p>

<p>Can anyone please help?</p>

<pre><code>&lt;div id="flash"&gt;
    &lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="197" id="myFlashContent"&gt;
            &lt;param name="movie" value="intro.swf" /&gt;
            &lt;!--[if !IE]&gt;--&gt;
            &lt;object type="application/x-shockwave-flash" data="intro.swf" width="600" height="197"&gt;
            &lt;!--&lt;![endif]--&gt;

                &lt;img id="imgConnect" src="images/letsconnect.png" alt="Let's Connect" title="Let's Connect" /&gt;
                &lt;script src="Scripts/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;

                &lt;script type="text/javascript"&gt;

                    $("imgConnect").hide().fadeIn("slow", function () { });

                &lt;/script&gt;
            &lt;!--[if !IE]&gt;--&gt;
            &lt;/object&gt;
            &lt;!--&lt;![endif]--&gt;
        &lt;/object&gt;
&lt;/div&gt;
</code></pre>
