why is $(this) selector pointing to what it does in this function?
<p>What I am confused about is why $(this) is pointing to '#navigation a' objects and not '#navigation_blob' object?  To be clear I know what $(this) does. I am just confused about the scoping in this example.</p>

<p>Thanks!</p>

<p><i>Taken from "Jquery novice to ninja":</i></p>

<pre><code>$('#navigation a').hover(function() {
    // Mouse over function
    $('#navigation_blob').animate(
        {width: $(this).width() + 10, left: $(this).position().left},
        {duration: 'slow', easing: 'easeOutElastic', queue: false}
    );
}, function() {
    // Mouse out function
    var leftPosition = $('#navigation li:first a').position().left;
    $('#navigation_blob').animate(
        {width:'hide'},
        {duration:'slow', easing: 'easeOutCirc', queue:false}
    ).animate({left: leftPosition}, 'slow');
});
</code></pre>
