$(document).ready(function(){
$('li').on('click', function(){
$(this).siblings().removeClass('active');
$(this).addClass('active');
});
});
<ul>
<li class="checkhere active" id="aaaa"> <a> aaaaa </a> </li>
<li class="checkhere" id="bbbb"> <a> bbbbb </a> </li>
<li class="checkhere" id="cccc"> <a> ccccc </a> </li>
<li class="checkhere" id="dddd"> <a> ddddd </a> </li>
</ul>
li{
cursor : pointer;
}
.active{
color : red;
}
Here is working solution