title: Mutlple owl Carousel in one page with different setting
body: <p>There are two owlCarousel working perfectly in one page but I want to change the default setting on each carousel. Once I changed the effects applying to both carousel. </p>
  
  <p>What I've already tried</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function() {
        $("#owl-demo").owlCarousel1({
          navigation : false,
          pagination : true,
          items : 1
        });
      });
  
  &lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function() {
  
      $("#owl-example").owlCarousel();
  
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to change the below settings for each carousle</p>
  
  <pre><code> $.fn.owlCarousel.options = {
  
          items : 4,
          itemsCustom : false,
          itemsDesktop : [1199, 1],
          itemsDesktopSmall : [979, 1],
          itemsTablet : [768, 1],
          itemsTabletSmall : false,
          itemsMobile : [479, 1],
          singleItem : false,
          itemsScaleUp : false
  }
  </code></pre>