title: Add class on OWL Carousel current item
body: <p>I'm using OWL Carousel, trying to add class to current item <code>&lt;div class="item"&gt;</code> when every time slide.</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(document).ready(function() {
  
  $("#owl-demo").owlCarousel({
  items : 4,
  lazyLoad : true,
  navigation : true
  });
  
  });
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="owl-demo" class="owl-carousel"&gt;
      &lt;div class="item"&gt;&lt;img class="lazyOwl" data-src="assets/owl1.jpg" alt="Lazy Owl Image"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img class="lazyOwl" data-src="assets/owl1.jpg" alt="Lazy Owl Image"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img class="lazyOwl" data-src="assets/owl2.jpg" alt="Lazy Owl Image"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img class="lazyOwl" data-src="assets/owl3.jpg" alt="Lazy Owl Image"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img class="lazyOwl" data-src="assets/owl5.jpg" alt="Lazy Owl Image"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Tried (not working):</strong></p>
  
  <pre><code>$(document).ready(function() {
  
     $("#owl-demo").owlCarousel({
        items : 4,
        lazyLoad : true,
        navigation : true,
        afterAction: function(elem){
            $(elem).addClass("curent");
        }
     });
  
  });
  </code></pre>
  
  <p>How to add class Current item when every time slide?</p>