Мой значок отображается как [объект Объект], когда я использую jQuery ⇐ Jquery

[Anonymous]

Я новичок в jQuery, поэтому не понимаю, как элемент, который я создаю с помощью jQuery, отображается на моем веб-сайте как [объект Object]. Класс моего взят из набора инструментов Font Awesome, он превратит его в значок. Вместо значка на моем веб-сайте отображается [объект Объект]. Цель моего кода — заставить этот значок трястись.
Я читал другие сообщения о переполнении стека, но это не решает мою проблему. Я пытался создать элементы, отличные от , но это не решило проблему.
let unlockIcon = $('').addClass('fa-solid fa-unlock unlock lock');
let parent=clueBox.querySelector(".lockedClueContent")

parent.append(unlockIcon);

var times = 10;
var duration = 200;
for (var i = 0; i < times; i++) {
unlockIcon.animate({
left: (i % 2 === 0 ? "-" : "+") + "=50"
}, duration);
}
alert( JSON.stringify(unlockIcon) );
unlockIcon.on("click", function() {
unlockCluePopUp(clue.id);
});


Подробнее здесь: https://stackoverflow.com/questions/784 ... use-jquery