jQuery .not() function, not working
<pre><code>$(".navigation a").not(".navigation ul ul a").hover(function(){

    // Not working.

});
</code></pre>

<p>For some reason, ALL <code>&lt;a&gt;</code> elements inside <code>.navigation</code> still get the hover function assigned to it.</p>

<p>I only want the elements that are not inside <code>ul ul</code>.</p>

<p>The Html is structured like this:</p>

<pre><code>&lt;div class="navigation"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a&gt;item 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a&gt;item 2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;
            &lt;a&gt;item 3&lt;/a&gt;
            &lt;ul&gt;
            &lt;li&gt;&lt;a&gt;item 3.1&lt;/a&gt;&lt;li&gt;
            &lt;li&gt;&lt;a&gt;item 3.2&lt;/a&gt;&lt;li&gt;
            &lt;li&gt;&lt;a&gt;item 3.3&lt;/a&gt;&lt;li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a&gt;item 4&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a&gt;item 5&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
