title: What's wrong with this Event Handler?
body: <p>I'm using <a href="http://www.owlcarousel.owlgraphic.com/" rel="nofollow">Owl Carousel</a> on a project.
  Code:</p>
  
  <pre><code>$("#my-rotator").owlCarousel({
      items: 7,
      center: false,
      loop: false,
      autoplayTimeout: 1500,
      autoplay: false,
      autoplayHoverPause: true,
      mouseDrag: true,
      onDragged: callback
  });
  
  function callback(event) {
      var element = event.target; 
      var items = event.item.count;
      var item = event.item.index;
      console.log(items);
      console.log(item);
  } 
  </code></pre>
  
  <p>when I drag the items, console says <code>TypeError: event is undefined</code> on <code>var element = event.target;</code></p>
  
  <p>I follow the <a href="http://www.owlcarousel.owlgraphic.com/docs/api-events.html" rel="nofollow">Documentation</a>, but I don't see where I'm wrong.</p>