Скрипт загрузки контента не работает jscroll и Laravel

Question

У меня есть кусок кода, который отлично работает в одном из моих проектов, но отказывается делать это в другом. Я не понимаю, в чем дело, потому что я все делал одинаково.

Мне нужно реализовать загрузку контента, и я использую jscroll

<div class="row">
    @foreach($posts as $post)
        <div class="col-lg-3 col-sm-12 infinite-scroll">
            <div class="card mt-2 ">
                <a href="{{route('post.show', ['id' => $post->post_id])}}" class="brighten"><img src="{{$post->img ?? $post->img_link ?? asset('img/default.jpeg')}}" class="img-fluid brighten"></a>               
            </div>
        </div>
    @endforeach
    {{$posts->links()}}
</div>

И скрипт

$('ul.pagination').hide();
$(function() {
    $('.infinite-scroll').jscroll({
        autoTrigger: true,
        debug: true,
        loadingHtml: '<img class="center-block" src="{{asset('img/loading.gif')}}" alt="Loading..." />',
        padding: 2,
        nextSelector: '.pagination li.active + li a',
        contentSelector: '.infinite-scroll',
        callback: function() {
            $('ul.pagination').remove();
        }
    });
});