title: owl carousel 2 fade effect not working
body: <p>Iam currently trying to use owl carousel 2 with fade effect but it shows default swipe effects insted.How can I fix it.</p>
  
  <p>Here,s my code </p>
  
  <pre><code>  function owlWrapperWidth( selector ) {
    $(selector).each(function(){
      $(this).find('.owl-carousel').outerWidth( $(this).closest( selector ).innerWidth() );
    });
  }
  
  owlWrapperWidth( '.owl-wrapper' );
  $( window ).resize(function() {
    owlWrapperWidth( $('.owl-wrapper') );
  });
  </code></pre>
  
  <p>$('.owl-carousel').owlCarousel({ 
  animateOut: 'fadeOut',</p>
  
  <pre><code>    animateIn: 'fadeIn',
    nav:true,  
  
  
  
  
  
      loop: true,
      responsive: {
        0: {
          items: 1
        },
        600: {
          items: 2
        },     
        1000: {
          items: 3,
          slideBy:3,
        }
      }
    });
  </code></pre>
  
  <p>I have added animateIn:'fadeIn' but no success at all</p>
  
  <p>Thanks</p>