title: jQuery cycle2 'cycle-before/after' only works on first transition
body: <p>This is regarding Cycle2: <a href="http://www.malsup.com/jquery/cycle2/" rel="nofollow">http://www.malsup.com/jquery/cycle2/</a></p>
  
  <p>I have a slideshow that has an image and a description <code>div</code> of content. The goal is to have the description fade in AFTER the image transitions in first. I am trying to use the <code>'cycle-before'</code> and <code>'cycle-after'</code> to achieve this.</p>
  
  <pre><code>$('#slider').cycle({
      slides: '&gt;li',
      timeout: 5000
  });
  $('#slider').on( 'cycle-before', function( event, opts ) {
      $('.descriptiontext').fadeOut(); 
  });
  $('#slider').on( 'cycle-after', function( event, opts ) {
      $('.descriptiontext',this).delay(1000).fadeIn(1000);
  });
  </code></pre>
  
  <p>But I don't think I understand how to use this feature. On my actual version, only the first transition has the delay for the description. On the following Fiddle example, it does not work at all. Help!</p>
  
  <p><a href="http://jsfiddle.net/56wQY/1/" rel="nofollow">http://jsfiddle.net/56wQY/1/</a></p>