title: Basic jQuery Slider not displaying at all
body: <p>I want to implement the slider on a page, but thought I would try the example on its own first. Nothing displays, at all. I have searched through the forms and made some slight changes, but still no avail. Below is the code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;     &lt;/script&gt;
  &lt;script src="jquerySlider/js/bjqs-1.3.js"&gt;&lt;/script&gt;
  &lt;link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"&gt;
  &lt;link type="text/css" rel="Stylesheet" href="jquerySlider/bjqs.css" /&gt;
  
  &lt;style TYPE="text/css"&gt;
  &lt;!--
  #my-slideshow {
  background-color:#A3CF2E;
  }
  --&gt;
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="my-slideshow"&gt;
      &lt;ul class="bjqs"&gt;
          &lt;li&gt;first time for me&lt;/li&gt;
          &lt;li&gt;second round of the game&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;script&gt;
  jQuery(document).ready(function($) {
  $('#banner-fade').bjqs({
      'height' : 320,
      'width' : 620,
      'responsive' : true,
      'animtype' : 'fade', // accepts 'fade' or 'slide'
      'animduration' : 450, 
      'animspeed' : 4000, 
      'automatic' : true, 
  
  
          'showcontrols' : true, 
      'centercontrols' : true, 
      'nexttext' : 'Next', 
      'prevtext' : 'Prev', 
      'showmarkers' : true, 
      'centermarkers' : true, 
  
  
          'keyboardnav' : true, 
      'hoverpause' : true,
  
  
          'usecaptions' : true, 
      'randomstart' : true, 
  });
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>