title: How to call javascript methods on click function?
body: <p>I'm trying to use slick carousel (<a href="https://github.com/kenwheeler/slick" rel="nofollow">https://github.com/kenwheeler/slick</a>) and they have a method <code>slickNext()</code> which triggers the next slide in the carousel. </p>
  
  <p>Right now my html file looks like this:</p>
  
  <pre><code>&lt;div class="slick-slider"&gt;
    &lt;div&gt;&lt;%= image_tag "1.jpg"%&gt;&lt;/div&gt;
    &lt;div&gt;&lt;%= image_tag "1.jpg"%&gt;&lt;/div&gt;
    &lt;div&gt;&lt;%= image_tag "1.jpg"%&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;
  
  
  &lt;script type="text/javascript"&gt;
  $("fa-angle-right").click(function(e) {
      $("fa-angle-right").slickNext();
  });
  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $('.slick-slider').slick({
              dots: true
          });
      (jQuery)});
  &lt;/script&gt;
  </code></pre>
  
  <p>However this is not working and I can't really figure out why. Thanks</p>