title: Owl carousel destroy issue (Uncaught TypeError: Cannot read property 'destroy' of undefined )
body: <p>I am using Owl carousel for my project on certain resolution i need to destroy the owl carousel so i have used owl carousel destroy function but while using the function other jquery function is not working not even document ready Please help to fix this issue so that i can use the owl carousel destroy function along with jquery</p>
  
  <p>here is my code</p>
  
  <pre><code>  function mobile() {
  
      var checkWidth = $(window).width();
      var banner = $("#ndmv-banner-intro");
  
        if(checkWidth &gt;980){
  
          banner.owlCarousel({
          singleItem:true,
          autoPlay:false,
          dragBeforeAnimFinish : true
         });
  
          }else{
             banner.data('owlCarousel').destroy();
             banner.removeClass('owl-carousel').destroy();
          }
       }
       $(document).ready(mobile);
       $(window).resize(mobile);
  </code></pre>
  
  <p><a href="http://www.html.it/wp-content/uploads/script/demo/c/44932/demos/manipulations.html" rel="nofollow">demo url </a></p>