Как нажать на кнопку перелистывания и чтобы листались 2 карусели?

! function(e, t, o, i) { 
  var n = function(t) { 
    this._core = t, this._handlers = { 
      "dragged.owl.carousel changed.owl.carousel": e.proxy(function(e) { 
        e.namespace && this._core.settings.linked && this.update(e) 
      }, this), 
      "linked.to.owl.carousel": e.proxy(function(e, t, o, i, n) { 
        e.namespace && this._core.settings.linked && this.toSlide(t, o, n) 
      }, this) 
    }, this._core.$element.on(this._handlers), this._core.options = e.extend({}, n.Defaults, this._core.options) 
  }; 
  n.Defaults = { 
    linked: !1 
  }, n.prototype.update = function(e) { 
    this.toSlide(e.relatedTarget.relative(e.item.index)) 
  }, n.prototype.toSlide = function(t, o, i) { 
    var n = (this._core.$element.attr("id"), this._core.settings.linked.split(",")); 
    "undefined" == typeof i && (i = !0), t = t || 0, i ? e.each(n, function(o, i) { 
      e(i).trigger("linked.to.owl.carousel", [t, 300, !0, !1]) 
    }) : (this._core.$element.trigger("to.owl.carousel", [t, 300, !0]), this._core.settings.current && this._core._plugins.current.switchTo(t)) 
  }, n.prototype.destroy = function() { 
    var e, t; 
    for (e in this._handlers) this.$element.off(e, this._handlers[e]); 
    for (t in Object.getOwnPropertyNames(this)) "function" != typeof this[t] && (this[t] = null) 
  }, e.fn.owlCarousel.Constructor.Plugins.linked = n 
}(window.Zepto || window.jQuery, window, document); 
 
var owl = $('.owl-carousel'); 
 
owl.owlCarousel({ 
  loop: true, 
  margin: 10, 
  nav: false, 
  linked: '.q1, .q2', 
  responsive: { 
    0: { 
      items: 1 
    }, 
    600: { 
      items: 3 
    }, 
    1000: { 
      items: 5 
    } 
  } 
}); 
 
$('.go-prev').click(function() { 
  owl.trigger('prev.owl.carousel'); 
}); 
 
$('.go-next').click(function() { 
  owl.trigger('next.owl.carousel'); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.css" rel="stylesheet" /> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.css" rel="stylesheet" /> 
<div class="owl-carousel q1"> 
  <div class="item"> 
    <h4>1</h4> 
  </div> 
  <div class="item"> 
    <h4>2</h4> 
  </div> 
  <div class="item"> 
    <h4>3</h4> 
  </div> 
  <div class="item"> 
    <h4>4</h4> 
  </div> 
  <div class="item"> 
    <h4>5</h4> 
  </div> 
  <div class="item"> 
    <h4>6</h4> 
  </div> 
  <div class="item"> 
    <h4>7</h4> 
  </div> 
  <div class="item"> 
    <h4>8</h4> 
  </div> 
  <div class="item"> 
    <h4>9</h4> 
  </div> 
  <div class="item"> 
    <h4>10</h4> 
  </div> 
  <div class="item"> 
    <h4>11</h4> 
  </div> 
  <div class="item"> 
    <h4>12</h4> 
  </div> 
</div> 
<div class="owl-carousel q2"> 
  <div class="item"> 
    <h4>1</h4> 
  </div> 
  <div class="item"> 
    <h4>2</h4> 
  </div> 
  <div class="item"> 
    <h4>3</h4> 
  </div> 
  <div class="item"> 
    <h4>4</h4> 
  </div> 
  <div class="item"> 
    <h4>5</h4> 
  </div> 
  <div class="item"> 
    <h4>6</h4> 
  </div> 
  <div class="item"> 
    <h4>7</h4> 
  </div> 
  <div class="item"> 
    <h4>8</h4> 
  </div> 
  <div class="item"> 
    <h4>9</h4> 
  </div> 
  <div class="item"> 
    <h4>10</h4> 
  </div> 
  <div class="item"> 
    <h4>11</h4> 
  </div> 
  <div class="item"> 
    <h4>12</h4> 
  </div> 
</div> 
 
<div class="go-prev">prev</div> 
<div class="go-next">next</div>