title: Carousels slick.js : 'getSlick' of undefined
body: <p>i'm using Slick.js to make 2 caroussels connected, and they are syncronised.
  Slick offers the possibility, at the section "<strong>Slider Syncing</strong>"
  <a href="http://kenwheeler.github.io/slick/" rel="noreferrer">slick.js website</a></p>
  
  <p>But when i'm using it, it doesnt work, i'm getting an error:
  <strong><em>Uncaught TypeError: Cannot read property 'getSlick' of undefined</em></strong></p>
  
  <p>my code is :</p>
  
  <pre><code>$('#page-gravure .sliders .slides-show ul').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slides'
  });
  
  $('#page-gravure .sliders .slides ul').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.slides-show',
    centerMode: true,
    focusOnSelect: true
  });
  </code></pre>
  
  <p>Please guys, can you help me ?</p>
  
  <p><strong><em>EDIT</em></strong>: <a href="http://jsfiddle.net/89jnb6w8/" rel="noreferrer">JSFIDDLE Example</a></p>