Слайдер Счетчик [требует правки]

$(function(){ 
  $('.slider').slick({     
    autoplay: true, 
    autoplaySpeed: 2000,     
  }); 
 
  $(".slider").on('afterChange', function(event, slick, currentSlide){ 
     $("#cp").text(currentSlide + 1); 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<!-- Add the slick-theme.css if you want default styling --> 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/> 
<!-- Add the slick-theme.css if you want default styling --> 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script> 
 
<div class="slider"> 
  <div>your content 1</div> 
  <div>your content 2</div> 
  <div>your content 3</div> 
</div> 
 
<div><span id="cp">1</span>/3</div>