title: Loading HTML from link & write into div with slick.js library
body: <p>I have a rather odd issue with the slider and loading a chunk of HTML inside.</p>
  
  <p>Currently I have a chunk of html text from an external source which I am trying to load into a  with slick.js targetted at it.</p>
  
  <p>This is how the JS looks like:</p>
  
  <pre><code>$( document ).ready(function(){
      $.get("http://htmlchunk.com", function( images ) {
        document.getElementById("slider").innerHTML = images;
      });
    });
    $('.carousel').slick({
      initialSlide: 0,
      lazyLoad: 'progressive',
      autoplay: true,
      arrows: false,
    });
  </code></pre>
  
  <p>And my HTML only has:</p>
  
  <pre><code>  &lt;div class="css" id="slider"&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>When I run it, it displays all the images at once and slick.js doesn't interact with the html inserted. How do I change it in such a way that slick.js can interact with it?</p>