[Quark_]

Структура такая:

<div class="cities_block">

<div class="city_block">
<div class="city_block_in">
<a href="/"></a>
</div>
</div>

<div class="city_block">
<div class="city_block_in">
<a href="/"></a>
</div>
</div>

<div class="city_block">
<div class="city_block_in">
<a href="/"></a>
</div>
</div>

</div>

Подскажите, почему не срабатывает:

jQuery(function(){
  jQuery('.city_block .city_block_in').hover(function(){
  var parent=jQuery(this).parents('.cities_block').eq( 0 );
  parent.find('.city_block').toggleClass('bg');
  })
});

Необходимо, чтобы при наведении на city_block_in только на один вышестоящий city_block добавлялся класс, а не на все сразу.