Owl Carousel 2 - 2 on on page.

If you set 0 as transition speed when triggering to.owl.carousel event, it doesn't work

HTML

<link rel="stylesheet" href="//cdn.rawgit.com/smashingboxes/OwlCarousel2/2.0.0-beta.3/dist/assets/owl.carousel.css">
<link rel="stylesheet" href="//cdn.rawgit.com/smashingboxes/OwlCarousel2/2.0.0-beta.3/dist/assets/owl.theme.default.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdn.rawgit.com/smashingboxes/OwlCarousel2/2.0.0-beta.3/dist/owl.carousel.js"></script>


<div id="num2" class="owl-carousel owl-theme">
  <div class="item">
    <img src="http://placehold.it/350x150&text=1" />
  </div>
  <div class="item">
    <img src="http://placehold.it/350x150&text=2" />
  </div>
  <div class="item">
    <img src="http://placehold.it/350x150&text=3" />
  </div>
  <div class="item">
    <img src="http://placehold.it/350x150&text=4" />
  </div>
  <div class="item">
    <img src="http://placehold.it/350x150&text=5" />
  </div>
</div>

<button>
DUDE
</button>

CSS

BODY {
  background-color: white;
}

JavaScript

var carousel2 = $('#num2').owlCarousel({
                margin: 5,
                loop: true,
                items: 2,
                //stagePadding: 70,
                nav: true,
                dots: true,
                lazyLoad: true,
                slideBy: 0
})

$("button").on("click", function(){
$('#num2').trigger("to.owl.carousel", [1]);
});