slick fixed captions

$('.slides').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
  var caption = $($('.slide')[nextSlide + 1]).data('caption');
  $('.footer .caption').html(caption);
});

$('.slides').on('init', function(event, slick) {
  var caption = $($('.slide')[1]).data('caption');
  $('.footer .caption').html(caption);
});

init_slick();

function init_slick() {
  $('.lightbox .slides').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: false,
    autoplaySpeed: 2000,
    arrows: true,
    dots: false,
    infinite: true,
    speed: 700,
    pauseOnHover: false,
    swipe: true,
    accessibility: false
  });
}