JavaSrcript无法正常工作，我做错了什么？

Question

这是我创建的简单登录/注册表单：https://codepen.io/adambdnr/pen/XpzRyN

它在这里运行得很好，但是一旦我想在我真正的Spring应用程序中使它工作（比如在登录和注册之间改变点击功能），它就不会改变，我只看到登录页面，如果我点击注册，没有任何反应。我正在尝试document.ready（功能..但我不确定这里有什么问题：

$(function() {
     $('#login-form-link').click(function(e) {
        $("#login-form").delay(100).fadeIn(100);
        $("#register-form").fadeOut(100);
        $('#register-form-link').removeClass('active');
        $(this).addClass('active');
        e.preventDefault();
    });
    $('#register-form-link').click(function(e) {
        $("#register-form").delay(100).fadeIn(100);
        $("#login-form").fadeOut(100);
        $('#login-form-link').removeClass('active');
        $(this).addClass('active');
        e.preventDefault();
    });

});

（在codepen中，我删除了HTML中的第一个DOCTYPE行）

我的文件结构如下：

资源

__静态

____的CSS

______的style.css

____ JS

______ login_register.js

__模板

____的index.html