title: easySlider 1.7 undefined is not a function?
body: <p>I'm new with jQuery and it's pretty much my first time implementing jQuery coding into my layouts. I'm using Dreamweaver which was fine and dandy, nothing was wrong with the coding &amp; easySlider was working perfectly fine. It was only when I uploaded it online that my script didn't work.</p>
  
  <p>Been searching all over this site as I saw some people with the same problems, but I tried out all that's been said &amp; it still didn't work. So I'm hoping someone can help me out here!</p>
  
  <p>Here's the error message:</p>
  
  <pre><code>scripts.js:10TypeError: 'undefined' is not a function (evaluating '$("#slider").easySlider')
  </code></pre>
  
  <p>Here's my code:</p>
  
  <pre><code>    &lt;link href="style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="../jQuery/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../jQuery/easyslider1.7/js/easySlider1.7.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../jQuery/scripts.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  ...
  
  &lt;div id="slider"&gt;
      &lt;ul&gt;
  
      &lt;li&gt;&lt;img src="images/scroll9.jpg" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img src="images/scroll2.jpg" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img src="images/scroll3.jpg" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>And my CSS:</p>
  
  <pre><code>#slider ul, #slider li{
      margin: auto auto auto auto;
      padding: 0;
      list-style: none;
      }
  
  #slider, #slider li{ 
      width: 1018px;
      height: 340px;
      overflow: hidden; 
      margin: auto auto auto auto;
      }
  
      span#prevBtn{}
      span#nextBtn{}  
  </code></pre>
  
  <p>and my scripts.js:</p>
  
  <pre><code>// JavaScript Document
  $(document).ready(function(){
      $("#slider").easySlider({
                      controlsShow: false,
                      auto: 'true',
                      continuous: 'true',
                      prevText: '',
                      nextText: '',
                      speed: 500,
                      pause: 4000
  
      });
  });
  </code></pre>
  
  <p>Thanks in advance!</p>