JQuery не в состоянии сериализовать от кнопки

Question

Это мой js-файл:

$(function () {
$('div[name="button-clicked"] a.btn.btn-success').on('click', function (e) {
    e.preventDefault();
    const $button = $(this);
    const dataToSend = $button.serialize();
    debugger;

});

});Я выбираю div с именем «нажал на кнопку», и после этого у меня в представлении это:

<div name="button-clicked">
                    @if (!(Model.UserLikedBooks.Where(ulb => ulb.IsDeleted == false).Select(ulb => ulb.BookId)).Contains(item.Id))
                    {
                        <a asp-controller="Book" asp-action="LikeBook" asp-route-bookId="@item.Id" name="button" class="btn btn-success">Like Book</a>
                    }
                    else
                    {
                        <a asp-controller="Book" asp-action="DislikeBook" asp-route-bookId="@item.Id" name="button" class="btn btn-success">Dislike Book</a>
                    }
                </div>

Не уверен, что этот способ отображения двух разных «кнопок» подходит, ноЕсть ли способ сериализации и получения данных после нажатия на один из них, или он действительно просто работает с отправкой формы?Потому что с моим текущим файлом JS dataToSend = "".