title: Uncaught TypeError: owl.owlCarousel is not a function
body: <p>Before anything else, let me say that I have looked at other similar questions here and I still can't figure this out.</p>
  
  <p>I'm trying to build a website, using .NET MVC (razor) using a <a href="http://freehtml5.co/preview/?item=crew-free-html5-bootstrap-template" rel="nofollow">this free template</a> I found online.</p>
  
  <p>What I did, was to replace all the markup of my Index.chstml view with the html code of the template. Moved all the scripts and css files to the corresponding folders in my solution, and changed the html to correctly reference the new paths as required.</p>
  
  <p>Needless to say that the original template works perfectly. But for some reason I really can't figure out I'm getting the error:</p>
  
  <pre><code>     Uncaught TypeError: owl.owlCarousel is not a function
  </code></pre>
  
  <p>I looked at the developer tools (chrome) and the scrips are there, so the only thing I can think of is something related to the loading order. Off course I didn't change that, so I wonder if razor did it somehow.</p>
  
  <p>This is how my script loading section looks like:</p>
  
  <pre><code>&lt;script src="@Url.Content("~/Scripts/modernizr-2.6.2.min.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.min.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.easing.1.3.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/bootstrap.min.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.waypoints.min.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/owl.carousel.min.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/main.js")"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and the problem happens inside main.js, right here:</p>
  
  <pre><code>    owl.owlCarousel({
          items: 1,
          loop: true,
          margin: 0,
          responsiveClass: true,
          nav: true,
          dots: true,
          autoHeight: true,
          smartSpeed: 500,
          autoplay: true,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          navText: [  
            "&lt;i class='icon-arrow-left2 owl-direction'&gt;&lt;/i&gt;",
            "&lt;i class='icon-arrow-right2 owl-direction'&gt;&lt;/i&gt;"
          ]
      });
  </code></pre>
  
  <p>Thanks to everyone in advance.</p>