Wie debuggt man das erwartete DOM-Verhalten in jQuery?

Question

Ich habe diesen Code:

$('.user_info').click(function(){
    var pos = $(this).offset();
    rel_value = $(this).attr('rel');

    $('#' + rel_value).css({top: pos.top + 'px', left: pos.left + 'px'});
    $('#' + rel_value).show('slow');

    $('#' + rel_value).hover(function(){}, function(){
        $(this).fadeOut('slow');
    });

    return false;
});

Wenn ich auf den Link mit der Klasse user_info zeigt es div identifiziert durch '#' + rel_value . Das Problem ist, dass div zeigt, aber zur gleichen Zeit verblasst ( $(this).fadeOut('slow'); ), obwohl ich dies im Parameter mouseout angegeben habe.

Was ich will, ist, dass div sollte nur gehen weg, wenn Maus seinen Bereich verlässt. Wie macht man das?

Editar

Seltsam, der gleiche Code funktioniert auf jsbin aber nicht auf meiner Seite: jQuery Version ist auch gleich.

http://jsbin.com/epifu3