title: jquery add remove class onclick
body: <p>i have any navigation menu !</p>
  
  <pre><code>   &lt;div class="nav"&gt;
      &lt;ul class="navigation"&gt;
      &lt;li class="selected"&gt;&lt;a href="#"&gt;HOME&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;PROFILE&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;CONTACTUS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;ABOATUS&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Now how to add selected class after click to any ( profile, Contactus, aboutus ) and remove selected home using Jquery.</p>
  
  <p>Thanks</p>