title: How to avoid uncaught jQuery error
body: <p>I am using Owl Carousel in my WordPress theme and currently applying jQuery inside my page while chances are that there may not be jQuery loaded until I am calling that function and it throws that error ... how to avoid that error ? I am using document . ready function as well ..... while I want to load jQuery in my footer only not in header as well ... any one to guide me please where am I wrong ?
  here is the code i am using </p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function() {
    $('#portfolio-slider').owlCarousel({
      loop: true,
      margin: 10,
      nav: true,
      items: 3,
      responsive: {
        0: {
          items: 2
        },
        600: {
          items: 3
        },
        1000: {
          items: 3
        }
      }
    })
  });
  </code></pre>
  
  
  
  <p>This is inside my page, while jquery is being loaded in footer .... </p>