title: previous and next nevigation not working in owl carousel
body: <p>hello i have been trying to add owl carousel slider but its previous and next not working</p>
  
  <p>my code is like this </p>
  
  <pre><code>&lt;div class="magazine-carousel owl-theme"&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="navigation"&gt;
      &lt;div class="prev"&gt;&lt;i class="fa fa-angle-left" aria-hidden="true"&gt;&lt;/i&gt;&lt;/div&gt;
      &lt;div class="next"&gt;&lt;i class="fa fa-angle-right" aria-hidden="true"&gt;&lt;/i&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Now the owl carousel script like this</p>
  
  <pre><code> $('.magazine-carousel').owlCarousel({
  autoplay:true,
  autoplayTimeout:1000,
  autoplayHoverPause:false,
  loop:true,
  nav:true,
  navText: ['&lt;i class="fa fa-angle-left" aria-hidden="true"&gt;&lt;/i&gt;','&lt;i class="fa fa-angle-right" aria-hidden="true"&gt;&lt;/i&gt;'],
  responsive:{
      0:{
          items:1
      },
      600:{
          items:3
      },
      1000:{
          items:6
      },
      1600:{
          items:8
      },
      1900:{
          items:10
      }
  
    }
    })
  </code></pre>