title: appendDots with multiple Slick carousels
body: <p>I have multiple <a href="http://kenwheeler.github.io/slick/" rel="nofollow">Slick</a> carousels and the appendDots parameter is adding too many navigation dots to each carousel.</p>
  
  <p>e.g. if I have 3 Slick carousels, 3 sets of dots are appearing on each carousel, instead of one set for each.</p>
  
  <pre><code>    $('.carousel').each(function() {
          $(this).slick({
              infinite: true,
              speed: 300,
              slidesToShow: 1,
              dots: true,
              appendDots:'dots-container'
          });
      })
  </code></pre>
  
  <p>Any idea how to limit the appendDots parameter to just <code>this</code> carousel?</p>