title: jQuery slick carousel "slide" setting
body: <p>I have created a carousel using the jQuery slick plugin (<a href="http://kenwheeler.github.io/slick/" rel="noreferrer">http://kenwheeler.github.io/slick/</a>).  I would like to use the "slide" setting to specify which elements are used in the carousel.  The description of this setting is:</p>
  
  <p>Type:element<br/>
  Default: ''<br/>
  Element query to use as slide</p>
  
  <p>My understanding of this setting is if I specify 'div', then only div elements will be displayed in the carousel.  I cannot get this to work.  When I create the carousel, all elements in the container are displayed.</p>
  
  <p>I created a simple example: </p>
  
  <pre><code>&lt;div class="slickContainer"&gt;
      &lt;div class="slickItem"&gt;
          Item 1
      &lt;/div&gt;
      &lt;div class="slickItem"&gt;
          Item 2
      &lt;/div&gt;
      &lt;p&gt;
          Shouldn't be an item.
      &lt;/p&gt;
  &lt;/div&gt;
  
  $(".slickContainer").slick({
        slide: 'div'
  });
  </code></pre>
  
  <p>I also tried "slide: $('.slickItem')", but this didn't work either.</p>
  
  <p><a href="https://jsfiddle.net/Lobfdodo/" rel="noreferrer">https://jsfiddle.net/Lobfdodo/</a></p>
  
  <p>In the Result panel, if you click the left / right arrows you will see all three elements (div and p) in the carousel.  I want only the div elements to be pulled into the carousel.</p>
  
  <p>Any suggestions?</p>