title: Owl Carousel data options for multiple sliders on page
body: <p>I found this code here: <a href="https://stackoverflow.com/a/32636784/2785140">https://stackoverflow.com/a/32636784/2785140</a> but unfortunately it does not work correctly if the page contains more than one slider.</p>
  
  <pre><code>var oc = $('.owl-carousel');
    var ocOptions = oc.data('carousel-options');
    var defaults = {
      loop:            true,
      nav:             false,
      autoplay:        true,
    }
    oc.owlCarousel( $.extend( defaults, ocOptions) );
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="owl-carousel" data-carousel-options='{"autoplay":"true","autoplayTimeout":"6000","items":"2"}'&gt; ... &lt;/div&gt;
  </code></pre>
  
  <p>How to make it work on multiple sliders?</p>
  
  <p>Thanks in advance.</p>