Как восстановить класс, элементу по умолчанию?

Question

[mastaJoe]

Как вернуть первому элементу, класс active, после его удаления, когда остальные элементы не в hover?

<ul>
  <li class="item one active">1</li>
  <li class="item two">2</li>
  <li class="item three">3</li>
</ul>

li {
  list-style-type: none;
}
.item {
  color: black;  
}
.active {
 color: red;
}

$(document).ready(function(){
  $('.item').hover(
    function() {
      $(this).addClass('active');
    }, function() {
      $(this).removeClass('active');
    }
  );
});

Answer 1

[Сергей Соколов]

По наезду мышки всем гасить, текущему давать .active;
По уезду мышки всем гасить, первому давать .active.

Answer 2

[Чипекве]

Не проще ли сделать просто на css?

.one, .item:hover {
   color: red;
}

ul:hover .one:not(:hover) {
  color: black;
}