jquery .on() doesn't seem to be working
<p>I'm working on an orbit simulation and I'm just trying to add a little user interaction to th mouseenter and mouseexit events. You can see a working example <a href="http://jsfiddle.net/jzaun/Pe87m/" rel="nofollow">here</a>.</p>

<p>My <code>on</code> statement is:</p>

<pre><code>$('.planet').on({
    'mouseenter': function() {
        pauseAnimation = true;
    },
    'mouseleave': function () {
        pauseAnimation = false;
    },
    'click' : function () {
        alert('click');
    }
});
</code></pre>

<p>but none of the events seem to be triggered. If it matters, I'm using the latest Chrome on a mac.</p>
