How to fadeOut a div after a document has loaded?
<p>I'm trying to do something I thought was simple, but I'm not having any luck actually getting it to work.  All I want to do is fade out a div after X number of seconds have passed since the document finished loading.</p>

<p>In my Site.Master file I have the following:</p>

<pre><code>&lt;%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
    &lt;!-- various other links, etc commented for brevity --&gt;
    &lt;script type="text/javascript" src="&lt;%= ResolveUrl("~/Scripts/jquery-1.2.6.js")%&gt;"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
        $("#notify-container").fadeOut(2000);
    }
    &lt;/script&gt;

&lt;/head&gt;

&lt;body class="page"&gt;
    &lt;%
    if (Html.ViewContext.TempData.ContainsKey("StatusMessage")) {
        %&gt;
        &lt;div id="notify-container"&gt;&lt;%=Html.ViewContext.TempData["StatusMessage"]%&gt;&lt;/div&gt;
        &lt;%
    }
    %&gt;
    &lt;asp:ContentPlaceHolder ID="MainContent" runat="server" /&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>The problem is that nothing fades.  What have I overlooked?</p>
