title: transistionend event not firing in IE
body: <p>I have been struggling to get the css transitions to work with IE. For some reason, the transitionend event is fired in all browsers except for IE.
  I have created a small example here where shows the problem: </p>
  
  <p><a href="http://jsfiddle.net/c55f60as/" rel="nofollow">http://jsfiddle.net/c55f60as/</a></p>
  
  <p>Here's the code which should be called when the transition ends:</p>
  
  <pre><code>$('.box-to-illuminate').mousedown(function () {         
  
          $(this).addClass('holding');                
          $(this).bind('transitionend', function () {
              $(this).off('transitionend');
              $(this).removeClass('holding');        
          }
      );        
  });
  </code></pre>
  
  <p>In Chrome and in Firefox, the box changes back to yellow in the transitionend event. This is never called in IE10+11.</p>
  
  <p>I would be very thankful if someone could solve the puzzle!</p>
  
  <p>Thanks</p>