如何使用jQuery从百里香片段页面中删除HTML元素？

Question

我正在使用spring boot和thymeleaf。我想从片段页面中删除一个元素，因此应该从使用该特定片段的所有页面中删除它。

<header th:fragment="userHeader">
  <a href="login" id="login-ref" class="text-left">Login </a>
  <a href="#" id="logout-ref" class="text-left">Log out</a>
</header>

上面的代码是我的标题，它位于片段页面中，我将其插入每个页面中，因此，在用户登录后，登录参考应该隐藏。

以下是jquery代码。

submitHandler : function() {
        var userData = {
                email : $("#email").val(),
                password : $("#password").val()
        };
        $.ajax({
            type: "POST",
            contentType : 'application/json',
            url : "/user/login",
            data : JSON.stringify(userData),
            dataType :'json',
            success : function(result) {
                if(result.status) {
                    $("#login-ref").hide();
                }
            },
            error : function() {
                alert("Error! please enter proper data");
            }

        });
        return false;
    }

请期待您的帮助。