title: JS not working/loading when not using an online editor
body: <p>I have some code that works as expected on online editors (jsfiddle / codepen / jsbin etc) however, once I take it off of these and onto a live environment - or even a static index.html file, the js doesn't seem to be loading. This means the carousel module on the right isn't showing. Do you think it's something to do with the order of the css at the top?</p>
  
  <p><a href="https://jsfiddle.net/tLqhsr5j/" rel="nofollow noreferrer">https://jsfiddle.net/tLqhsr5j/</a></p>
  
  <p>code that's not rendering: </p>
  
  <pre><code>$(".owl-carousel").owlCarousel({
      items: 2,
      loop: true,
      margin: 10,
      navContainer: '#nav',
      navText: [
          '&lt;i class="fa fa-angle-left"&gt;&lt;/i&gt;',
          '&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;'
      ],
      responsive:{
          0:{
              items:1
          },
          767:{
              items:1,
              nav:true
          }
      }
  });
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>