Slick Carousel - Не удается прочитать свойство 'slickAdd' в вызове INIT

Question

Это странно для меня. У меня есть карусель Slick.js, и после ее инициализации я должен был проверить ширину окна, и, если ширина достаточно мала, ДОБАВИТЬ новый слайд в начало карусели.

JS:

var posterSlide = "<div class='item mobile-poster'>PUT STUFF IN HERE</div>"

$(document).ready(function(){
    $('.featured-carousel').on('init', function(event, slick){
       console.log('on init');
       if ($(window).width() < 737) {
          addPosterSlide();
       }
    });

    $('.featured-carousel').slick({
       dots: true,
       infinite: true,
       speed: 1000,
       slidesToShow: 1,
       slidesToScroll: 1,
       autoplay: true,
       autoplaySpeed: 10000,
       arrows: true,
       focusOnSelect: true
    });
});

function addPosterSlide(){
    $('.featured-carousel').slick('slickAdd', posterSlide, true);
}

Карусель Slick.js загружается правильно, и инициируется вызов init, но затем я получаю Uncaught TypeError. Невозможно прочитать свойство 'slickAdd' из неопределенного INSIDE, функция, которая видит ползунок, была инициализирована.