wiele karuzel na jednej stronie

Cześć, chciałam skorzystać z owl carousel, kilka razy na jednej stronie. Karuzele mają mieć różne parametry. Niestety podany kod nie działa dla drugiej karuzeli. Dla pierwszej działa, ale jeśli zmieniam ją na inną niż "owl-carousel" to także przestaje działać. Gdzie powinnam szukać błędu? Pierwszy raz korzystam z tego typu rozwiązania. Podaje kod niżej. Dzięki z góry za odpowiedzi.

<div class="content owl-theme owl-carousel"><div class="item"><a class="clickimg" href="#"><img src="images/logan.jpg" alt="Wolverine"></a></div><div class="item"><a class="clickimg" href="#"><img src="images/curie.jpg" alt="Wolverine"></a></div><div class="item"><a class="clickimg" href="#"><img src="images/logan.jpg" alt="Wolverine"></a></div><div class="item"><a class="clickimg" href="#"><img src="images/logan.jpg" alt="Wolverine"></a></div></div><div id="owl-demo"><div><img src="images/apes.jpg" alt="Apes"></div><div><img src="images/apes.jpg" alt="Apes"></div><div><img src="images/apes.jpg" alt="Apes"></div><div><img src="images/apes.jpg" alt="Apes"></div></div>

$(document).ready(function(){
    $('.owl-carousel').owlCarousel();
});
 $('.owl-carousel').owlCarousel({
     nav: true,
    pagination: false,
    loop:true,
    margin:10,
    responsiveClass:true,
    responsive:{
        0:{
            items:1,
            nav:true
        },
        600:{
            items:3,
            nav:false
        },
        1000:{
            items:5,
            nav:true,
            loop:false
        }
    }
});


$(document).ready(function() {

  $("#owl-demo").owlCarousel({

      autoPlay: 3000, //Set AutoPlay to 3 seconds

      items : 2,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]

  });

});