title: Initializing issue when using Slick.js
body: <p>I'm trying to initialize slick.js function in my webpage and I followed the instructions on <a href="http://kenwheeler.github.io/slick/" rel="nofollow">http://kenwheeler.github.io/slick/</a> and copied the "center mode" function as my Jquery function. But I didn't get any arrows/buttons and nav-docs generated in my slide show. </p>
  
  <p>Here's my jsFiddle: </p>
  
  <blockquote>
    <p><a href="https://jsfiddle.net/woodmanhu/cL0yuaze/" rel="nofollow">https://jsfiddle.net/woodmanhu/cL0yuaze/</a></p>
  </blockquote>
  
  <p>Here's code:</p>
  
  <pre><code>&lt;div class="your-class"&gt;
      &lt;div&gt;your content&lt;/div&gt;
      &lt;div&gt;your content&lt;/div&gt;
      &lt;div&gt;your content&lt;/div&gt;
    &lt;/div&gt;
  
   $(document).ready(function(){
       $('.your-class').slick({
    centerMode: true,
    centerPadding: '60px',
    slidesToShow: 3,
    responsive: [
      {
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 3
        }
      },
      {
        breakpoint: 480,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 1
        }
      }
    ]
  });
      });
  </code></pre>
  
  <p>CDN I used: </p>
  
  <p>//ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js</p>
  
  <p>//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js</p>
  
  <p>//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css</p>
  
  <p>//cdn.jsdelivr.net/jquery.slick/1.5.9/slick-theme.css</p>
  
  <p>Anyone can help me where I missed or I did wrong?</p>
  
  <p>Thank you</p>