При наведении курсора мыши, вызвать парения другого элемента

Question

Я хочу, чтобы вызвать парить другой элемент при наведении элемента следующим образом:

$(document).ready(function() { 
    $('.quarter h3').mouseenter(function() { 
     $(this).next().trigger('mouseenter'); 
    }); 
}); 

HTML является:

<div class="quarter grow"> 
    <a href="#"> 
     <h3><span>titel 1</span></h3> 
    <img src="http://lorempixel.com/200/230/people/1" alt=""> 
    </a> 
</div> 

Взгляни на скрипке: http://jsfiddle.net/KkYGC/

Answer 1

, если я правильно понял вашу проблему, вы можете просто изменить

.grow img:hover { 

в

.grow:hover img {