css点击li里面的标签 点击当前标签字体加粗 之前的恢复原始状态

<div class="functionalNavigation">
<ul class="ulp">
<icon class="icon-like"></icon><a href="ceshi.html " style="text-decoration: none;"><li style="color:#333333;" class="ulp-a" >Liked me</li></a>
<icon class="icon_iliked"></icon><a href="login2.html" style="text-decoration: none;"><li style="color:#333333;" class="ulp-a" >I like</li></a>
<icon class="icon_liked1"></icon><a href="mutual.html" style="text-decoration: none;"><li style="color:#333333;" class="ulp-a" >Liked mutual </li></a>
<icon class="icon_visitor"></icon><a href="visitor.html" style="text-decoration: none;"><li style="color:#333333;" class="ulp-a">Visitor</li></a>
</ul>
</div>

$(function () {
$(".ulp-a").click(function () {
$(this).css("font-weight", "bold").parent().siblings().children().css("font-weight", "normal");
});
});