title: jquery: remove previous class by clicking
body: <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>