Передача thymeleaf через jQuery

[Samogon_Garry]

из Java приходит список объектов который весь выводиться в списке html

<ul th:each="users : ${relationships}" id="in-request-list">
            <li>
                <p th:text="${users.firstName}"></p>
                 <button th:onclick="'accept(' + ${users.firstName} + ');'" id="accept">Accept</button>
                <button id="not-accept">Not accept</button>
            </li>
        </ul>

после при нажатии кнопки напротив нужного имени юзера этого юзера нужно вернуть обратно в java.

 $("#accept").click(function accept(e) {
        $.ajax({
            type: "POST",
            url: "update-relationship",
            data: {status: "friend", user: e},
            success: function  success() {
                alert("updated");
            },
            error: function error(xhr) {
                debugger;
                alert("not updated");
            }
        });
    });

попытался сделать вот таким образом, но безуспешно

[Alex11223]

id уникальным должен быть у каждого элемента.
Используйте класс или data- атрибуты.

[Samogon_Garry]

да, за id спасибо, не продумал сразу
на счет data
я изменил на такой вид

 <p th:text="${users.firstName}"  th:data-userRequest="${users.firstName}" ></p>
<button class="accept">Accept</button>

а в ajax попробовал

user: $(e.relatedTarget).data("userRequest")

но в java мне приходит null

[Alex11223]

console.log($(e.relatedTarget));

[Samogon_Garry]

я может сейчас сильно туплю или не понимаю очевидного, но это мне никак не помогло
что мне искать в этом массиве?
я нашел там data, но внутри я не увидел ничего что бы мне помогло

[Alex11223]

Так и что вывело-то? Откуда там массив? (если не массив из 1 элемента)
ну и

console.log($(e.relatedTarget.data("userRequest")));

[Samogon_Garry]

__proto__: Object(0)

судя по всему там пусто