detect click event on menu to add or remove class from the elements

gistfile1.html

<!-- 1. first create the menu list -->
<ul class="my-menu">
    <li data-id="id-1" class="menu current">
        <a href="#">hello world 1</a>
    </li>
    <li data-id="id-2" class="menu">
        <a href="#">hello world 2</a>
    </li>
    <li data-id="id-3" class="menu">
        <a href="#">hello world 3</a>
    </li>
</ul>

<!-- 2. detect click event with jquery-->
$('.my-menu li').on('click', function(){
    $('.my-menu li.current').removeClass('current');
    $(this).addClass('current');
});