title: Owl carousel not showing up
body: <p>I am trying to get this owl thing going and its really pushing me back on a project.</p>
  
  <pre><code>&lt;html&gt;    
  &lt;head&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.css"&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="css/owl.carousel.min.css"&gt;
  &lt;link rel="stylesheet" href="css/owl.theme.default.min.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;script src="js/jquery-1.11.3.js"&gt;&lt;/script&gt;
  &lt;script src="js/owl.carousel.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $('.owl-carousel').owlCarousel({
      loop:true,
      margin:10,
      nav:true,
      responsive:{
          0:{
              items:1
          },
          600:{
              items:3
          },
          1000:{
              items:5
          }
      }
  })
  &lt;/script&gt;
  &lt;div class="owl-carousel"&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg1.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg2.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg3.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg4.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg5.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg6.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg7.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg8.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg9.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg10.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg11.jpg"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src = "img/bg12.jpg"&gt;&lt;/div&gt;
  &lt;/div&gt;    
  &lt;/body&gt;    
  &lt;/html&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>