Не работает $(this) JQuery

JS

$('.change-definite-page').click(() => {
    console.log($(this).attr('data-page'))
})

HTML

<ul class="pagination justify-content-center">
    <li class="page-item change-definite-page" data-page=1>
        <button class="page-link">1</button>
    </li>
    <li class="page-item change-definite-page" data-page=2>
        <button class="page-link">2</button>
    </li>
</ul>

Пробовал $(this) менять на $('.change-definite-page') и все работало, то есть выводилось "1" в консоль Подскажите пожалуйста, где и что не так делаю