Как удалить элемент HTML со страницы фрагментов тимелина с помощью jQuery?

Question

Я работаю с весенней загрузкой и тимелистом. Я хочу удалить элемент со страницы фрагментов, поэтому его следует удалить со всех страниц, которые используют этот конкретный фрагмент.

<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;
    }

С нетерпением ждем вашей помощи, пожалуйста.