jQuery How to remove class for each element?
<p>I'm wondering how to remove the <code>selected</code> class of the all <code>a</code> element of the list ? I tried </p>

<pre><code>$("#navigation li a").removeClass("selected");
</code></pre>

<p>but it seems not to be working.</p>

<pre><code>        $('#navigation li').hover(function () {
            $(this).css('cursor', 'pointer');
        }, function () {
            $(this).css('cursor', 'auto');
        });

        &lt;ul id="navigation"&gt;
            &lt;li class="home"&gt;&lt;a class="selected"&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="about"&gt;&lt;a&gt;text1&lt;/a&gt;&lt;/li&gt;
            &lt;li class="services"&gt;&lt;a&gt;text2&lt;/a&gt;&lt;/li&gt;
            &lt;li class="portfolio"&gt;&lt;a&gt;text3&lt;/a&gt;&lt;/li&gt;
            &lt;li class="contact"&gt;&lt;a&gt;text4&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
</code></pre>
