JQuery does not remove class on keyup event

I am trying to hide a div and show another in a keyup event. This doesn't work, I don't know why:

<div class = "beta_form">
<form id = "beta_form" class = "form-horizontal">
    <label for="beta_password" class = "control-label">
    </label>
    <input id = "beta_password" name = "beta_password" type = "text" class = "form-control">
</form>
</div>

<div class = "facebook_twitter hidden">
  <a class="btn btn-block btn-social btn-facebook">
    <i class="fa fa-facebook"></i> Inicia sesión con Facebook
  </a>
</div>


$("#beta_password").keyup(function(){
    if ($(this).val() === '1789'){
        $("#facebook_twitter").removeClass("hidden");
        $("#beta_form").addClass("hidden");
    }
});

      

        
        
        
      

    

Thanks in advance for your help.