jQuery .live mouseover erroring out
<p>I have an unordered list (UL) that I'm trying to bind a mouseover/mouseenter event on the list item (LI) children using .live() but keep getting the following JavaScript error:</p>

<pre><code>Error: uncaught exception: Syntax error, unrecognized expression: )
</code></pre>

<p>Here's my code:</p>

<pre><code>&lt;ul id="menu"&gt;
    &lt;li&gt;option 1
        &lt;ul&gt;
            &lt;li&gt;sub-option A&lt;/li&gt;
            &lt;li&gt;sub-option B&lt;/li&gt;
            &lt;li&gt;sub-option C&lt;/li&gt;
            &lt;li&gt;sub-option D&lt;/li&gt;
            &lt;li&gt;sub-option E&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;option 2&lt;/li&gt;
    &lt;li&gt;option 3&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>The jQuery code:</p>

<pre><code>$("#menu").children().live("mouseover", function(){
    // do something
});
</code></pre>

<p>The crazy thing is that when I change to the .mouseover() function it works just fine except for the issue with flickering associated with .mouseover() that the .live("mouseover", ...) fixes.</p>

<p>Am I doing something wrong here?  Is this a jQuery bug?  Does anyone have any insight into this issue?</p>
