title: Uncaught ReferenceError: jQuery is not defined with owl carousel
body: <p>So i am trying to get Owl Carousel to work properly and I am having no luck. 
  I see it is throwing some JQuery errors and am wondering if any of you with more experience with JQuery would know what is going on. 
  Here is a link to the page. </p>
  
  <p><a href="http://www.cloudpointtech.com/x123/" rel="nofollow">Div Site</a></p>
  
  <p>Here is my Owl Carousel HTML set up.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  $(document).ready(function() {
   
    $("#owl-demo").owlCarousel({
   
        autoPlay: 3000, //Set AutoPlay to 3 seconds
   
        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]
   
    });
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#owl-demo .item{
    margin: 3px;
  }
  #owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- BEGIN PARTNERS SECTION--&gt; 
          &lt;div id="partners_section" class="clearfix"&gt;
              &lt;div id="partners_container" class="clearfix"&gt;
                  &lt;p id="Our_Partners_In_The_Workforce" class="image wow fadeIn" data-wow-duration=".5s" data-wow-delay=".3s"/&gt;
                  Our Partners In The Workforce
                  &lt;/p&gt;
  
  &lt;div id="owl-demo"&gt;
  
  
   &lt;div class="owl-item grayscale" style="width: 293px;"&gt;&lt;img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"&gt;&lt;/div&gt;
    &lt;div class="owl-item grayscale" style="width: 293px;"&gt;&lt;img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"&gt;&lt;/div&gt;
    &lt;div class="owl-item grayscale" style="width: 293px;"&gt;&lt;img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"&gt;&lt;/div&gt;
    &lt;div class="owl-item grayscale" style="width: 293px;"&gt;&lt;img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"&gt;&lt;/div&gt;
    &lt;div class="owl-item grayscale" style="width: 293px;"&gt;&lt;img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"&gt;&lt;/div&gt;
    &lt;div class="owl-item grayscale" style="width: 293px;"&gt;&lt;img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"&gt;&lt;/div&gt;
    &lt;div class="owl-item grayscale" style="width: 293px;"&gt;&lt;img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"&gt;&lt;/div&gt;
    &lt;div class="owl-item grayscale" style="width: 293px;"&gt;&lt;img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;script&gt;
  $(document).ready(function() {
   
    $("#owl-demo").owlCarousel({
   
        autoPlay: 3000, //Set AutoPlay to 3 seconds
   
        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]
   
    });
  &lt;/script&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
  &lt;!-- END PARTNERS SECTION--&gt; </code></pre>
  </div>
  </div>
  </p>
  
  <p>Could anyone point me in the right direction on what to do to find a fix for this?</p>