title: Slick slider append dots to class
body: <p>I'm using <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">Slick</a> to create multiple slideshows on a layout I am currently building. I'm having a problem when I try to use <code>appendDots: '.slick-list'</code> to append dots to the <code>.slick-list</code> class because it's a class created by Slick in each slider on the page and adds dots to each of the sliders.</p>
  
  <p>How can I control the dots so that they only appear for this specific slider?</p>
  
  <pre><code> function createSlick(){
      $(".grid-slideshow").not('.slick-initialized').slick({
         slidesToShow: 3,
         slidesToScroll: 1,
         infinite: false,
         dots: true,
         appendDots: '.slick-list'
       });
      }
      createSlick();
      $(window).on( 'resize', createSlick );
  </code></pre>