Javascript jQuery替换div内容

我正在玩引导模式，我想在单击按钮时更改div的内容。代码如下：

模态内容的html代码

用于隐藏/显示div的javascript函数

当用户单击register按钮时，login form div隐藏，register box显示。我无法使此代码正常工作（当用户单击register按钮时，register div显示，但login div不隐藏）。我想知道是否有更好的方法来实现这一点，例如使用jQuery

html（）

您缺少注册表框选择器中的#

---

更改变量注册表框=$（“注册表框”）至

var寄存器框=$（“#寄存器框”）
我想知道我的逻辑出了什么问题。谢谢你的指点！我自己正要回答这个问题，但是@webbm更快：）我建议用
.show（）
方法代替
.css
<div class="modal-content">
  <div class="modal-body">
    <div id="login-box" class="animated fadeIn">
        Login form
        <button id="show-register">Register</button>
    </div>
    <div id="register-box" class="animated fadeIn">
        Register form
        <button id="show-login">Login</button>
    </div>
  </div>
</div>

#register-box {
    display: none;
}

 $(document).ready(function(){
  loginRegisterSwitch();
 });

function loginRegisterSwitch(){
    var registerBtn = $("#show-register");
    var loginBtn = $("#show-login");
    var registerBox = $("register-box");
    var loginBox = $("#login-box");

    registerBtn.on('click',function(){
        loginBox.hide();
        registerBox.css('display','block');
    });

    loginBtn.on('click', function(){
        registerBox.hide();
        loginBox.css('display','block');
    });
}