title: transitionend event not firing when there's no transition
body: <p>check it out:</p>
  
  <p><a href="http://jsfiddle.net/jqs4yy0p/" rel="nofollow">http://jsfiddle.net/jqs4yy0p/</a></p>
  
  <p>JS</p>
  
  <pre><code>$('div').addClass('switch').on('transitionend', function(e){
      alert('end');
  });
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>div {
      background-color: red;    
      /*transition: background-color 1s;    */
  }
  
  div.switch{
      background-color: blue;
  }
  </code></pre>
  
  <p>if you uncomment the transition property it works, but without it no event is being fired!!</p>
  
  <p>So if I make a slider thing, and want to preload next image after the transition effect completes I have to rely on the fact that there is a transition effect in the css. if there isn't the whole thing will break.</p>
  
  <p>Doesn't this make transitions useless because you still have to mix them with javascript code in order to control them?</p>