<a>标签点击事件

今天发现a标签点击事件一个特殊的地方,记录一下。
我想通过点击导航条更换content里面的内容，点击的时候只有放手的一下content里面的内容改变了,立马又变成了改变之前的样子，但是我尝试用input点击的时候content里面的内容是永久性改变的。
代码如下：
html代码：

<li><a href="" class="active" id="user-register-click">用户注册</a></li>
<li><a href="" id="in-register-click">内部注册</a></li>
<li><a href="" id="manage-authorization">管理授权</a></li>

JavaScript代码：

<script type="text/javascript">
        $(document).ready(function($){
            $("#user-register-click").click(function(){
                $('#in-register').css("display","none");
            })
            $("#in-register-click").click(function(){
                $('#user-register').css("display","none");
             })
        });
    </script>

是因为：
html中

    <li><a href="" ></a><li>
    <li><a href="" ></a></li>

href=”“,让网页点击的时候有链接回了主页面，相当于重新加载了一遍初始的代码，写成这样就不会有问题

    <li><a href="##" ></a><li>
    <li><a href="##" ></a></li>