即使刷新后仍保持div处于活动状态

Question

我有两个具有登录和注册功能的div，我想保持div刷新后用户仍处于活动状态

 <div id="main">
     <div class="auth-buttons" >
                    <a href="#login-page" class="btn" id="btn-login" data-toggle="tab">Login</a>
                    <a href="#register-page" class="btn" id="btn-register" data-toggle="tab">Register</a>

                    </div>
 <div id="tabs">
<div id="lgn" class="btns" data-tab-index="0">
<form></form>
</div>
<div id="reg" class="btns" data-tab-index="1">
<form></form>
</div>
    </div>

我已经尝试过该脚本，但是当我刷新当前处于活动状态的页面时，它将返回到登录名

<script>
    $("#tabs").tabs({
    active: localStorage.getItem("currentTabIndex"),
    activate: function(event, ui) {
        localStorage.setItem("currentTabIndex",ui.newPanel[0].dataset["tabIndex"]);
    }
});
</script>