title: .on('mouseenter', function(){... not working
body: <p>I have the following event:</p>
  
  <pre><code>$('.swiper-slide-active').on('mouseenter', function(){
              $(this).find('.overlay').addClass('show');
              $(this).find('.hotspot').addClass('show');
       })
  </code></pre>
  
  <p>Problem is that the class .swiper-slide-active is added when the slider is ready, but I thought with .on had replaced the .live event. Nothing happens when you rollover that element which has that class. Is there a way to wait until the class is added?</p>
  
  <p>The slider is initiated like this:</p>
  
  <pre><code> var mySwiper = new Swiper('.swiper-container',{
              ....
            })
  </code></pre>