AddClass в mouseenter не работает в JQuery

Question

У меня есть эта проблема, у меня есть UL с некоторыми LI, и я хочу, чтобы это было: добавьте класс «сфокусированный», когда я вхожу в мышь в LI и удаляю это к предыдущему. Так вот код:

HTML:

<ul id="txtHint"> 
    <li class="focusable focused">Jack</li> 
    <li class="focusable">Jone</li> 
    <li class="focusable">Junita</li> 
    <li class="focusable">Joleen</li> 
    <li class="focusable">Jeniffer</li> 
    <li class="focusable">Jacquie</li> 
    <li class="focusable">Jin</li> 
</ul> 

JQuery:

$("li.focusable").mouseenter(function() { 
     $("li.focused").removeClass("focused"); 
     $(this).addClass("focused"); 
    }); 

CSS:

.focused { 
    background-color: gray !important; 
    color: white; 
} 

Я надеюсь, что кто-то может найти проблему! Вот скрипка: http://jsfiddle.net/8qGNu/1/

Answer 1

You missed to include the jQuery library 

Демо: Fiddle

Answer 2

Вы только забыли включить библиотеку jQuery.

Answer 3

использовать этот CSS:

.focusable:hover { 
    background-color: gray !important; 
    color: white; 
} 

демо: http://jsfiddle.net/2EeB2/1/