title: jQuery slider not working (bxSlider)
body: <p>I can't seem to make the bxSlider working properly and can't find the reason why.</p>
  
  <p>This is my code </p>
  
  <pre><code>&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
  &lt;title&gt;Maxime G - Home&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  &lt;meta name="keywords" content="portfolio ,html, css, c#, wordpress, UK, developer, front-end, back-end, programming, freelancer, freelance, maxime, godrie, maxime godrie, website" /&gt;
  &lt;link rel="stylesheet" href="css/normalize.min.css"&gt;
  &lt;link rel="stylesheet" href="css/main.css"&gt;
  &lt;link rel="stylesheet" href="css/jquery.bxslider.css" /&gt;
  
  &lt;script src="/js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="/js/slider/jquery.bxslider.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;    
      &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('.bxslider').bxSlider();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;section class="sectionCarouselIndex"&gt;
       &lt;ul class="bxslider"&gt;                                
           &lt;li&gt;&lt;img src="img/c2c.jpg" /&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/dcs-full.jpg" /&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/eding.jpg" /&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/karim-full.jpg" /&gt;&lt;/li&gt;        
           &lt;li&gt;&lt;img src="img/waterside-full.jpg" /&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/chesil-full.jpg" /&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/enw-full.jpg"/&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/drl-full.jpg" /&gt;&lt;/li&gt;   
           &lt;li&gt;&lt;img src="img/portal-full.jpg" /&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/comixology-full.png" /&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/history-full.jpg" /&gt;&lt;/li&gt;
           &lt;li&gt;&lt;img src="img/parkmap-full.png" /&gt;&lt;/li&gt;
       &lt;/ul&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>This is the error I am getting in the Firefox console:</p>
  
  <pre class="lang-none prettyprint-override"><code>ReferenceError: jQuery is not defined
  
  [Break On This Error]   
  
  $(document).ready(function () {
  
  index.html (line 25)
  
  ReferenceError: $ is not defined
  [Break On This Error]   
  
  $(document).ready(function () {
  </code></pre>
  
  <p>If you want to have a look It actually looks like it's working there, but on my local machine there is no way I can make this slider work properly.</p>