title: Javascript Coin Slider - not working when on server
body: <p>I'm having issues with using the Javascript Coin Slider (great download fr/: <a href="http://workshop.rs/projects/coin-slider/" rel="nofollow noreferrer">this workshop</a>). I am attaching 2 screen shots. One is of the file working in chrome, and the second is the same file hosted on my server at the same time. This is my first time really playing around with JQuery, so I am not sure if there is something I am just overlooking? I've already exhaustively looked at all my relative links to make sure they are all syntax and semantically correct. </p>
  
  <p>Help please!</p>
  
  <p><img src="https://i.stack.imgur.com/ydw5f.jpg" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/qGX5E.jpg" alt="enter image description here"></p>
  
  <p>Here is the HTML / Js:</p>
  
  <pre><code>&lt;div id="coin-slider"&gt;
  &lt;a href="team/index.html"&gt;&lt;img src="img/jq/1.jpg" /&gt;&lt;/a&gt;
  &lt;a href="history/index.html"&gt;&lt;img src="img/jq/2.jpg" /&gt;&lt;/a&gt;
  &lt;a href="planning/index.html"&gt;&lt;img src="img/jq/3.jpg" /&gt;&lt;/a&gt;
  &lt;a href="fun/index.html"&gt;&lt;img src="img/jq/4.jpg" /&gt;&lt;/a&gt;
  &lt;a href="girls/index.html"&gt;&lt;img src="img/jq/5.jpg" /&gt;&lt;/a&gt;
  &lt;a href="tour/index.html"&gt;&lt;img src="img/jq/6.jpg" /&gt;&lt;/a&gt;
    &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
        $('#coin-slider').coinslider({ width:959, height:325, navigation: false, delay: 4000, spw:10, sph:6, sdelay: 50, effect: 'rain' });
          });
        &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...and my head call:</p>
  
  <pre><code>&lt;!-- JQuery Coin Slider image display and transition inclusions --&gt;
    &lt;script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/coin-slider.min.js"&gt;&lt;/script&gt;
  </code></pre>