title: Owl Slider clicking on next previous triggers all other slider to slide
body: <p>I am using owl slider in my page. I have total 4 owl slider which comes dynamically on page. Problem is if I click on particular slider next then it also slides other 3 sliders blocks as well. below is my complete code. For understanding purpose here I have kept only 2 sliders.</p>
  
  <pre><code>&lt;div class="category-block-inner"&gt;
          &lt;div class="box"&gt;boxes&lt;/div&gt;
          &lt;div class="box"&gt;boxes&lt;/div&gt;
          &lt;div class="box"&gt;boxes&lt;/div&gt;
          &lt;div class="box"&gt;boxes&lt;/div&gt;
  
          &lt;div class="owl-navigation"&gt;
              &lt;div class="previous arrows" id="previous"&gt;
                  &lt;i class="fa fa-angle-left"&gt;&lt;/i&gt;
              &lt;/div&gt;
              &lt;div class="next arrows" id="twonxt1"&gt;
                  &lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div class="category-block-inner"&gt;
          &lt;div class="box"&gt;boxes&lt;/div&gt;
          &lt;div class="box"&gt;boxes&lt;/div&gt;
          &lt;div class="box"&gt;boxes&lt;/div&gt;
          &lt;div class="box"&gt;boxes&lt;/div&gt;
  
          &lt;div class="owl-navigation"&gt;
              &lt;div class="previous arrows" id="previous"&gt;
                  &lt;i class="fa fa-angle-left"&gt;&lt;/i&gt;
              &lt;/div&gt;
              &lt;div class="next arrows" id="twonxt1"&gt;
                  &lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;  
  
  
  &lt;script&gt;
      $(document).ready(function () {
              var category1 = $(".category-block-inner");
              category1.owlCarousel({
                  pagination: false,
                  items: 2,
                  itemsDesktop: [1199, 2],
                  itemsDesktopSmall: [1024, 2],
                  itemsTablet: [768, 1],
                  itemsMobile: [479, 1],
              });
  
              $(".next").click(function () {
                  $(category1).trigger('owl.next');
              });
  
              $(".previous").click(function () {
                  $(category1).trigger('owl.prev');
              });
          });
  &lt;/script&gt;
  </code></pre>