title: jQuery Slick Slider showing some empty slides
body: <p>I'm creating a product slider using slick jQuery plugin, in that slider contents are filled using js and later call slick function,</p>
  
  <p>slider slider seems working but it shows some empty sliders which has class .slick-cloned</p>
  
  <p>the site url is </p>
  
  <p>the last slider working fine but first two not, can anyone help me to fix this</p>
  
  <p>below has some dummy codes which used for slider</p>
  
  <pre><code>        &lt;div class="sliderrs"&gt;
              &lt;div&gt;&lt;h3&gt;contents added by js&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;contents added by js&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;contents added by js&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;contents added by js&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;contents added by js&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;contents added by js&lt;/h3&gt;&lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>.</p>
  
  <pre><code>$(function(){
    $('.sliderrs').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
   });
  });
  </code></pre>