title: How to add and remove active class to anchor tag within li using Jquery/Javascript
body: <p>I need one help. I have multiple <code>li</code> values I need to add active class when clicked any value and removed from others using Jquery/Javascript.I am explaining my code below.</p>
  
  <pre><code>&lt;ul id="ulCategory"&gt;
     &lt;li&gt;&lt;a href='javascript:void(0)' onclick='savesubcat()'&gt;ABC&lt;/li&gt; 
  &lt;li&gt;&lt;a href='javascript:void(0)' onclick='savesubcat()'&gt;ABF&lt;/li&gt;    
  &lt;li&gt;&lt;a href='javascript:void(0)' onclick='savesubcat()'&gt;ABK&lt;/li&gt;    
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>My <code>active</code> class is given below.</p>
  
  <pre><code>.active {text-align: left; color: #fff; background-color:#ffbb00; text-decoration: none;}
  </code></pre>
  
  <p>Here I need while user will click on one value that only will be remain active and other will not have the active class.Please help me.</p>