Using $(this) with jQuery not always working
<p>On line 6 below, I have <code>$("ul.tabrow li").removeClass("active"); //Remove any "active" class</code> If I change it to use <code>$(this).removeClass("active")</code> instead then it does not work as I thought it was.</p>

<p>The code works how I want it to right now, I am just wanting to know why what I mentioned above does not work, on line 7 below I use <code>$(this)</code> on what appears to be the same selector and that works on line 7's code but differently on line 6.</p>

<p>Can anyone explain this?</p>

<pre><code>$("ul.tabrow li").bind({
  click: function() {
    return false;
  },
  mouseenter: function() {
    $("ul.tabrow li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab-box").hide(); //Hide all tab content
    var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
    //$(activeTab).fadeIn(); //Fade in the active content
    $(activeTab).show(); //Fade in the active content
    return false;
  }
});
</code></pre>
