title: Slick slideshow in ember.js template
body: <p>Hey guys im trying to use the slick jquery plugin (<a href="http://kenwheeler.github.io/slick/" rel="nofollow">http://kenwheeler.github.io/slick/</a>) in a ember.js template but its not working.I tried to put the code in a 'component', but that didn't solve anything.</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;script data-template-name="application" type="text/x-handlebars"&gt;
  &lt;nav class="navbar navbar-default" role="navigation"&gt;
  &lt;div class="container-fluid"&gt;
  
  &lt;div class="navbar-header"&gt;
          &lt;button class="nav-trigger navbar-toggle collapsed hidden-lg hidden-md hidden-sm" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
                     &lt;span&gt;&lt;/span&gt;
                  &lt;/button&gt;
              &lt;a class="navbar-brand"&gt;Writers Week&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#/schedule"&gt;Schedule&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#/stream"&gt;Stream&lt;/a&gt;&lt;/li&gt;
          &lt;/div&gt;
  &lt;/nav&gt;
  &lt;div class=".container-fluid"&gt;{{outlet}}&lt;/div&gt;
  &lt;/script&gt; 
  
  &lt;script data-template-name="index" type="text/x-handlebars"&gt;
      &lt;h1 class="col-xs-12 col-lg-12 swag"&gt;Writers Week&lt;/h1&gt;    
  
  
      &lt;div class="your-class col-xs-12 col-lg-12"&gt;
          &lt;div&gt;&lt;img src="http://placehold.it/400x400"&gt;&lt;/div&gt;
          &lt;div&gt;&lt;img src="http://placehold.it/400x400"&gt;&lt;/div&gt; 
          &lt;div&gt;&lt;img src="http://placehold.it/400x400"&gt;&lt;/div&gt; 
      &lt;/div&gt;
  
      {{Slick}}
  
  &lt;/script&gt; 
  </code></pre>
  
  <p>Js code:</p>
  
  <pre><code>App.SlickComponent = Ember.Component.extend({
  tagName: 'div',
  
  didInsertElement: function() {
  $().slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 2000
   });
   }
  });
  </code></pre>
  
  <p>This is only displaying the images. The plugin is not running and the images are not looping... Any help is appricated, thank you!</p>