title: slick plugin is not working for dynamically created content but works well for static content
body: <pre><code>&lt;div id="id1" class="scroll-footer"&gt;
  &lt;dynamically created div1&gt;&lt;/div&gt;
  &lt;dynamically created div2&gt;&lt;/div&gt;
  &lt;dynamically created div3&gt;&lt;/div&gt;
  &lt;dynamically created div4&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  $(document).ready(function(){
          $('.scroll-footer').slick({
              slidesToShow: 2,
              slidesToScroll: 1,
              autoplay: true,
              autoplaySpeed: 2000,
              arrows: true
          })
      });
  </code></pre>
  
  <p>we have added slick class to id1 div dynamically but it doesn't work?
  How can I add slick class after loading the dynamically created div1, div 2etc??</p>