如何在点击li时添加样式，移除兄弟样式

<style type="text/css">
　　.add{ color:#fff}
</style>
<div>
  <ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
  </ul>
</div>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
　　$(document).ready(function() {
    　　$("div ul li").click(function(){
        　　$(this).addClass("add").siblings().removeClass("add");
    　　});
　　});
</script>