请教哪里出错了
请问我下面这段代码哪里出错了，为什么JS没有效果
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.titl{ width:100%; height:130px; margin:0 auto; }
.titl ul{ width:214px; height:50px; float:left; }
.titl ul li.inlinep{ width:106px; height:50px; line-height:50px; text-align:center; border-right:1px solid #999; float:left; }
.titl ul li a{ font-family:"黑体"; font-size:14px; color:#222; display:block; }
.linepnone{ border-bottom:1px solid #999; }
</style>
<script>
$(function(){
$('.titl ul li').click(function(){
$(this).siblings('li').addClass('.linepnone');
$(this).removeClass('.linepnone');
})
})
</script>
</head>
<body>
<div class="titl">
<ul>
<li class="inlinep"><a href="#">我要充值</a></li>
<li class="inlinep linepnone"><a href="#">充值记录</a></li>
</ul>
</div>
</body>
</html>
