title: RefineSlide not showing up on website
body: <p>I'm testing a new jquery slider; <a href="https://github.com/webbart/refineslide" rel="nofollow">RefineSLide</a>, but it doesn't seem to be showing up in the webpage. I went through the refineslide .css and .js files couldn't find anything that could be causing a problem. Any ideas?</p>
  
  <p>Html for entire test site:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang ="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Testing&lt;/title&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta name="description" content="" /&gt;
    &lt;meta name="author" content="testing" /&gt;
  
    &lt;link href="refineslide.css" rel="stylesheet"/&gt;
  
  &lt;/head&gt;
  
  
  &lt;body&gt;
  
  
  &lt;ul class="rs-slider"&gt;
    &lt;li&gt;&lt;img src="1.jpg" alt=""/&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="2.jpg" alt=""/&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="3.jpg" alt=""/&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  
  
  
  
  &lt;script&gt;
      $(document).ready(function() {
          $("rs-slider").refineSlide();
      });
  &lt;/script&gt;
  
  
  
  &lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;srcipt src="jquery.refineslide.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>