title: slick slider not inititating properly
body: <p>I'm trying to implement a slick slider for the first time but it's not working, I don't get any error in the console. In the demo provided the div of each slide is given the following attributes on initiation:</p>
  
  <pre><code>&lt;div class="slick-slide"  style="width: 560px; position: relative; left: 0px; top: 0px; z-index: 900; opacity: 1;"&gt;
  </code></pre>
  
  <p>but in my slider these attributes aren't given and nothing happens. The following is my code:</p>
  
  <pre><code>  &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="slick/slick.css"/&gt;
  &lt;/head&gt;
  
  &lt;div class="slider fade"&gt;
                      &lt;div&gt;&lt;div class="image"&gt;&lt;img src="img/fonz1.png"/&gt;&lt;/div&gt;&lt;/div&gt;
                      &lt;div&gt;&lt;div class="image"&gt;&lt;img src="img/fonz2.png"/&gt;&lt;/div&gt;&lt;/div&gt;
                      &lt;div&gt;&lt;div class="image"&gt;&lt;img src="img/fonz3.png"/&gt;&lt;/div&gt;&lt;/div&gt;
                  &lt;/div&gt;
  
  
  
  &lt;script src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/highlight.min.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/foundation/js/foundation.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="slick/slick.js"&gt;&lt;/script&gt;
  
              &lt;script type="text/javascript"&gt;
              $(document).ready(function(){
                  $('.fade').slick({
                         dots: true,
                        infinite: true,
                        speed: 500,
                        fade: true,
                        slide: '&gt; div',
                        cssEase: 'linear'
                  });
              });
          &lt;/script&gt;
  </code></pre>