jquery - mouseenterのサブ要素にクラスを追加すると、クラスはjqueryの親要素にも追加されます

Question

li のサブ要素である li 要素にクラスを追加したいと考えています。

<div id="test" class="list">
<ul>
  <li><a id="Inbox">Inbox</a>
    <ul></ul>
  </li>
<li><a id="Sent">Sent</a>
    <ul></ul>
  </li>
<li><a id="Archive">Archive</a>
    <ul></ul>
  </li>
<li><a id="Deleted">Deleted</a>
  <ul>
      <li><a id="Subfolder1">Sub Folder 1</a></li>
    </ul>
 </li>
</ul>
</div>

マウス エンターおよびマウス リーブ機能:

$('#test li').each(function(){
    $(this).on("mouseenter",function(){
      $(this).addClass("enter-folder");
    });
    $(this).on("mouseleave",function(){
      $(this).removeClass("enter-folder");
    });
  });

マウスが subfolder1 にある場合、クラスは、テキストが削除された親の li 要素だけでなく、subfolder1 の li 要素にも追加されます。

フィドル: http://jsfiddle.net/UVJgF/36/

マウスがサブフォルダー1にあるときに、クラスをサブフォルダー1に追加したいだけです。

この問題を解決する方法。