jquery: remove previous class by clicking
<p>I've a very simple question but can't figure it out by myself. 
i've the following problem.</p>

<p>i've several list items like below. </p>

<pre><code>&lt;li&gt;&lt;/li&gt;
            &lt;li&gt;
                &lt;img src="images/persoon1.jpg" alt="persoon1"&gt;
                &lt;div id="infoPersoon"&gt;
                    &lt;h3&gt;Jaap-Jan van der Gouw&lt;/h3&gt;
                    &lt;ul id="contactInfo"&gt;
                        &lt;li class="label"&gt;T&lt;/li&gt;
                        &lt;li&gt;070 31 31 066&lt;/li&gt;
                        &lt;li class="label"&gt;F&lt;/li&gt;
                        &lt;li&gt;070 31 31 066&lt;/li&gt;
                        &lt;li class="label"&gt;M&lt;/li&gt;
                        &lt;li&gt;070 31 31 066&lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;ul id="contactOpties"&gt;
                        &lt;li class="email"&gt;&lt;a href="#" class="active"&gt;Email&lt;/a&gt;&lt;/li&gt;
                        &lt;li class="publicaties"&gt;&lt;a href="#"&gt;Publicaties&lt;/a&gt;&lt;/li&gt;
                        &lt;li class="vcard"&gt;&lt;a href="#"&gt;Vcard&lt;/a&gt;&lt;/li&gt;
                        &lt;li class="meerinfo"&gt;&lt;a href="#"&gt;Meer info&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
</code></pre>

<p>the problem is that i want to add a class by the current list i clicked on, and when i clicked to the next list item, the previous class "active" must be remove.</p>

<p>how can i solve that problem. </p>
