title: Owl Carousel on change not working
body: <p>I can't seem to get the owl carousel onchange function to fire off. Here's a snippet of the relevant code, any ideas?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="my-carousel" class="owl-carousel owl-theme"&gt;
      &lt;div class="owl-item"&gt;&lt;img alt="" src="pic1"/&gt;&lt;/div&gt;
      &lt;div class="owl-item"&gt;&lt;img alt="" src="pic2" /&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var my = $('#my-carousel');
  my.owlCarousel({
      autoPlay: true,
      autoplaySpeed: 4000,
      loop: true,
      slideSpeed: 300,
      paginationSpeed: 400,
      items: 1,
      margin: 2
  });
  my.on('changed.owl.carousel', function(e) {
      console.log("test");
  });
  </code></pre>