li click event and add and removecss using jquery

Uncategories li click event and add and removecss using jquery

li click event actions within document ready:

$(document).ready(function () {
$('ul.ui-tabs-nav li').click(function (e) {
$("ul.ui-tabs-nav li").removeClass("ui-tabs-selected ui-state-active");
$(this).addClass("ui-tabs-selected ui-state-active");

});
});

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">

<li id="MyProfile" class="ui-state-default ui-corner-top">
<a href="#" >
<i class="green ace-icon fa fa-user bigger-120"></i>My Profile
</a>
</li>
</ul>