title: slick carousel not displaying / working
body: <p>I'm using <a href="https://github.com/kenwheeler/slick" rel="nofollow noreferrer">https://github.com/kenwheeler/slick</a> as a carousel for my website. I have followed the tutorial to a T, everything is (to my knowledge) how its meant to be. here's the code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    $('.slider').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
      fade: true,
      asNavFor: '.slider-nav'
      });
    $(".slider-nav").slick({
      slidesToShow: 3,
      slidesToScroll, 1,
      asNavFor: '.slider',
      dots: true,
      focusOnSelect, true
      });
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
    &lt;!--Semantic import--&gt;
    &lt;script src="assets/semantic/semantic.min.js"&gt;&lt;/script&gt;
    &lt;link href="assets/semantic/semantic.min.css" rel="stylesheet" /&gt;
  
    &lt;!-- Slick --&gt;
    &lt;link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/&gt;
    &lt;link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/&gt;
    &lt;script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"&gt;&lt;/script&gt;
    &lt;!--Font--&gt;
    &lt;link href="https://fonts.googleapis.com/css?family=Exo+2|Ubuntu" rel="stylesheet"&gt;
    &lt;!-- Javascript --&gt;
    &lt;script src="js/root.js"&gt;&lt;/script&gt;
    &lt;script src="js/gamesdev.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class="pusher"&gt;
      &lt;div id="page"&gt;
        &lt;div class="ui container"&gt;
          &lt;div class="slider"&gt;
            &lt;div&gt;&lt;h3&gt;1&lt;/h3&gt;&lt;/div&gt;
            &lt;div&gt;&lt;h3&gt;2&lt;/h3&gt;&lt;/div&gt;
            &lt;div&gt;3&lt;/div&gt;
            &lt;div&gt;4&lt;/div&gt;
            &lt;div&gt;5&lt;/div&gt;
            &lt;div&gt;6&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="slider-nav"&gt;
            &lt;div&gt;1&lt;/div&gt;
            &lt;div&gt;2&lt;/div&gt;
            &lt;div&gt;3&lt;/div&gt;
            &lt;div&gt;4&lt;/div&gt;
            &lt;div&gt;5&lt;/div&gt;
            &lt;div&gt;6&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've cut out all the unnecessary code but here is the result</p>
  
  <p><a href="https://i.imgur.com/3M26NFd.png" rel="nofollow noreferrer">http://i.imgur.com/3M26NFd.png</a></p>
  
  <p>I have no damn clue what's going wrong, I've combed through it for like an hour, maybe two.</p>