title: Slick Slider Autoplay not Working
body: <p>I have implemented <a href="http://kenwheeler.github.io/slick/" rel="noreferrer">slick slider</a> for my webpage. The swiping works just fine, and the images show one after the other. The only problem I'm having is getting the slider to initiate <code>autoplay</code> when the page finishes loading. </p>
  
  <p><a href="http://alynxagency.com/success-stories/luxury-brand.php" rel="noreferrer">Here's</a> link to my page.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="single-item insideslideshow slider autoplay slickplay"&gt;
      &lt;div class="eachsliderimage" style="background-image: url('images/real-estate/2.jpg');"&gt;&lt;/div&gt;
      &lt;div class="eachsliderimage" style="background-image: url('images/real-estate/1.jpg'); "&gt;&lt;/div&gt;
      &lt;div class="eachsliderimage" style="background-image: url('images/real-estate/3.gif'); "&gt;&lt;/div&gt;
      &lt;div class="eachsliderimage" style="background-image: url('images/real-estate/4.jpg'); "&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript Code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
    $('.single-item').slick({
        draggable: true,
        infinite: true,
        slidesToShow: 1,
        slidesToScroll: 1,
        touchThreshold: 1000,
    });
      $('.autoplay').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
    });
  });
  </code></pre>
  
  <p></p>