Почему скрипт работает не корректно, в чем ошибка?

jQuery(document).ready(function () {
  
  function mobile() {
    var checkWidth = $(window).width();
    var demo = $("#carousel-0");
    var demo1 = $("#carousel-1");
    var demo2 = $("#carousel-2");
    if (checkWidth > 901) {
      demo.data('owlCarousel').destroy(); 
      demo.removeClass('owl-carousel');
      demo1.data('owlCarousel').destroy(); 
      demo1.removeClass('owl-carousel');
      demo2.data('owlCarousel').destroy(); 
      demo2.removeClass('owl-carousel');
    } else if (checkWidth < 900) {
      demo.owlCarousel({
        singleItem:true,
        navigation : true,
    navigationText : ["<",">"],
      });
      demo1.owlCarousel({
        singleItem:true,
        navigation : true,
    navigationText : ["<",">"],
      });
      demo2.owlCarousel({
        singleItem:true,
        navigation : true,
    navigationText : ["<",">"],
      });
    }
  }
 
  $(window).resize(mobile);

});