Owl Carousel on change not working
<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>