JQuery предотвращает дефолт, не мешающий перезагрузке страницы

Question

У меня есть форма на моей html-странице, и по какой-то причине с помощью команды jquery она не остановит перезагрузку страницы.Я попытался удалить метод записи, добавив javscript:void(0).Изменено

$('like_unlike').submit(function( event ) {
            event.preventDefault();
});

на

$('like_unlike').on("submit", function( event ) {
            event.preventDefault();
});

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

Вот мой HTML

<form id="like_unlike">
    <input type="hidden" name="art" value="{{ $arts[$i]->id }}">
    <input type="image" onclick="likeButton()" class="article-like pl-2 float-right" src="{{ asset('/images/unliked.svg') }}" alt="" id="unlike">
    <input type="image" onclick="unlikeButton()" class="article-like pl-2 float-right" src="{{ asset('/images/like.svg') }}" alt="" id="like">
</form>

Я используюЛаравел 5.8