Не работают скрипты при подгрузке контента

Проблема в том, что не работают скрипты при подгрузке контента с помощью плагина jScroll, хотя думаю дело не в нем. Подгружаю посты, у каждого поста есть методы лайка и редактирования. Вывожу 2 поста + по 2 подгружаю. У первых двух проблем нет, всё хорошо. Гуглил проблему, везде советуют решить её с помощью метода on(). Скрипт переписал, толку нет. Подскажите где не прав был

Это код моего поста

@foreach($posts as $post)
    //Тут различный контент поста и кнопки лайка и редача
    <form action="{{route('likePost', ['id' => Auth::user()->id, 'postId' => $post->id])}}" method="POST" id="likepostform{{$post->id}}">
    @csrf @method('PATCH')
    <button data-id="{{ $post->id }}" id="likebtn{{$post->id}}" type="button" class="button-delete-post-2" style="padding: 0">Like</button>
@endforeach

Сам скрипт

@foreach($posts as $post)
<script type="text/javascript">
    $('.infinite-scroll').on('click', '#likebtn{{$post->id}}', function() {

        var likeForm = $("#likepostform{{$post->id}}").serialize();

        $.ajax({
            url: "{{route('likePost', ['id' => Auth::user()->id, 'postId' => $post->id])}}",
            type: "POST",
            data: likeForm,
            success: function(data) {
                $("#likebtn{{$post->id}}").html($(data).find("#likebtn{{$post->id}}").html());
            }
        });
    });
</script>
@endforeach