hover event, element goes down, but not up on mouseleave
<p>I have the following code:</p>

<pre><code>$(document).on('hover', '.tic_cont:not(.disabled_ticket)',function () {
        $(this).stop().find(".tic_icon").animate({ top: '-=16px' }, 250);
        $(this).stop().find(".ti_shd").animate({ opacity: '0.25' }, 250);
    }, function () {
        $(this).stop().find(".tic_icon").animate({ top: '+=16px' }, 250);
        $(this).stop().find(".ti_shd").animate({ opacity: '1' }, 250);
    });
</code></pre>

<p>When mouse over <code>div</code> it must go down, and when mouse leave go up. The problem in that the <code>div</code> always goes down. Where is a problem?<br>
Thanks.<br>
<strong>UPDATE</strong>:</p>

<p>In the debugger I saw that first function not calls.</p>
