title: How to use unslider on website?
body: <p>I have been trying to use unslider (jQuery) on a project of my own. Despite following the instructions on the <a href="https://idiot.github.io/unslider/" rel="nofollow noreferrer">https://idiot.github.io/unslider/</a> website, I can't seem to get things to work.</p>
  
  <p>Would anyone be kind enough to take a look at my code and give some feedback as regards to what can be going wrong here?</p>
  
  <p>Thanks!</p>
  
  <p>--</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  &lt;title&gt;Testing unslider&lt;/title&gt;
  
  &lt;meta charset="utf-8" /&gt;
  &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
  
  &lt;link rel="stylesheet" href="/unslider-master/dist/css/unslider.css"&gt;
  &lt;link rel="stylesheet" href="/unslider-master/dist/css/unslider-dots.css"&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div class="my-slider"&gt;
      &lt;ul&gt;
          &lt;li&gt;My slide&lt;/li&gt;
          &lt;li&gt;Another slide&lt;/li&gt;
          &lt;li&gt;My last slide&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;script src="//code.jquery.com/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="/unslider-master/src/js/unslider.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      jQuery(document).ready(function($) {
          $('.my-slider').unslider();
      });
  &lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>