title: bxSlider implementation: my code is not working.
body: <p></p>
  
  <p>
  </p>
  
  <pre><code>&lt;!-- jQuery library (served from Google) --&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- bxSlider Javascript file --&gt;
  &lt;script src="ASHLEYSIMONE/js/jquery.bxslider.min.js"&gt;&lt;/script&gt;
  &lt;!-- bxSlider CSS file --&gt;
  &lt;link href="ASHLEYSIMONE/lib/jquery.bxslider.css" rel="stylesheet" /&gt;
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
      $('.bxslider').bxSlider();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>&lt;ul class="bxslider"&gt;
    &lt;li&gt;&lt;img src="/images/pic1.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="/images/pic2.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="/images/pic3.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="/images/pic4.jpg" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>I've checked others users answers regarding this issue but I still can't figure it out. I have no idea what I'm doing wrong. Please help. This part is preventing me from finishing my site. </p>