jQuery add class to current li and remove prev li when click inside li a

Question

here is html:

<ul>    
    <li class="current"><a href="#">menu item</a></li>  
    <li><a href="#aba">menu item</a></li>
    <li><a href="#abb">menu item</a></li>
    <li><a href="#abc">menu item</a></li>
    <li><a href="#abd">menu item</a></li>
</ul>

if I press 'a' link it will addClass 'current' to clicked li and remove old li class? this is my try:

$('ul li a').click(function(){
  $('ul li').removeClass('current');
  ... don't know here (add class to current li) ...
});

Answer 1

Use on('click') if you are using latest version of jquery

$('ul li a').on('click', function(){
    $(this).parent().addClass('current').siblings().removeClass('current');
});

A fiddle is here.