jQuery delegate mouseover mouseout event is not triggering on first mouseover
<p>If I mouseover and mouseout .activate_tooltip once, it continues to work thereafter.  But the first mouseover does not trigger any action.  Anyone know what causes this?</p>

<pre><code>$('.task_box').delegate('.activate_tooltip', 'mouseover mouseout', function(event) { 

             if (event.type == 'mouseover') {

                  clearTimeout(timeOut);
                  $(this).prev().find('.tooltip_2').show();

             } else if (event.type == "mouseout") {

                 timeOut = setTimeout(hideToolTip, 0);

             }    

});



&lt;div class="edit_task_icon_div" style="position:relative;"&gt;

    &lt;div style="position:relative"&gt;
        &lt;div class="tooltip_2" style="position: absolute; top: 20px; left: -6px;"&gt;
            &lt;div class="tooltip_2_text"&gt;Edit&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;a href="#" id="edit_{{task.id}}" class="pencil_button activate_tooltip"&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>
