Object Expected error implementing jquery suckerFish menu
<p>I am attempting to implement the suckerfish menu found on this <a href="http://be.twixt.us/jquery/suckerFish.php" rel="nofollow">tutorial.</a>  I get "object expected" error from the sample javascript:</p>

<pre><code>    $(document).ready(function () {
        $("#nav-one li").hover(
            function () { $("ul", this).fadeIn("fast"); },
            function () { }
        );
        if (document.all) {
            $("#nav-one li").hoverClass("sfHover");
        }
    });
</code></pre>

<p>I have imported the JQuery using:</p>

<pre><code>&lt;script type="text/javascript" src="~/Scripts/jquery-1.4.1.js"&gt;&lt;/script&gt;
</code></pre>

<p>The JQuery import is in the page header.  The javascript is just inside the <code>&lt;body&gt;</code>.
It would be nice if I could tell which object is having the issue instead of being pointed at this block of code.  I'm new to JQuery and beginner level javascript.</p>

<p><strong>UPDATE</strong>
The start of the menu:</p>

<pre><code>&lt;ul id="nav-one" class="nav"&gt;
            &lt;li&gt;
                &lt;a href="#item1"&gt;item 1&lt;/a&gt;
                &lt;ul&gt;
</code></pre>

<p>(I think the #nav-one points to the id of the menu "nav-one").</p>

<p>And I believe this css covers the "sfHover" part:</p>

<pre><code>#nav-one li.sfHover a {
  background: #ccc;
  color: #000;
}
</code></pre>
