How to add the class to the item you click on?
<p>I have a list "abc". by default, the first one is selected.  If I click on the menu3, it should be set to "current", and menu1 'current' class should be removed.  Please help me to write this query using jQuery.</p>

<pre><code>&lt;ul class="abc"&gt;
    &lt;li&gt;&lt;a href="#" class="current"&gt;menu1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;menu2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;menu3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
