Подсчет слайдов в слайдере Wordpress и отображение текущего / общего

Question

У меня отличная карусель на сайте WordPress. Попытка подсчитать общее количество слайдов и активное показывать в результате. Например, есть 3 слайда, попробуйте показать результат 1/3.

Вот код и прямая ссылка:

<div class="slick-track">
    <div class="jet-carousel__item slick-slide slick-current slick-active">
        <div class="jet-carousel__item-inner">
            Item 1
        </div>
    </div>
    <div class="jet-carousel__item slick-slide slick-active">
        <div class="jet-carousel__item-inner">
            Item 2
        </div>
    </div>
    <div class="jet-carousel__item slick-slide">
        <div class="jet-carousel__item-inner">
            Item 3
        </div>
    </div>
</div>


Slide : <div class="slide-count"></div>

Прямая ссылка: Здесь

Я пробовал это:

var $status = $('.slide-count');
var $slickElement = $('.slick-track');

$slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {

  var i = (currentSlide ? currentSlide : 0) + 1;
  $status.text(i + '/' + (slick.children.length));
});