title: Stop autoplay after clicking on dots in slick.js
body: <p>So, this is code I use for slider:</p>
  
  <pre><code>$('.autoplay').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      dots: true
  });
  </code></pre>
  
  <p>And I want that after user clicks on any dot, it will disable autoplay. Then I tried this:</p>
  
  <pre><code>$('.autoplay').on('init', function() {
      $('.slick-dots').click(function() {
          $('.autoplay').slick('autoplay', false);
      });
  });
  </code></pre>
  
  <p>But no help. Here is <a href="https://jsfiddle.net/ndjmx5dx/" rel="noreferrer">DEMO</a> from jsFiddle. Is this possible with <code>slick.js</code>?</p>