не могу вызвать зависание якоря на img mouseenter

У меня есть этот html:

<li>
    <a href="#"><img src="myimage.jpg"></a>
    <div>
        <h4><a href="#">my h4 link</a></h4>
        <p>some text</p>
    </div>
</li>

Я хочу вызвать зависание над <a> внутри <h4> когда мышь над изображением.

Я попробовал следующее, но он не работает:

$('li img').hover(function() {
    $(this).parent().parent().find('h4 a').trigger('mouseenter');
});

Это не работает, но если я, например, присвою ему цвет с помощью метода css который он работает, например:

$('li img').hover(function() {
    $(this).parent().parent().find('h4 a').css('color', 'red');
});

Почему не работает зависание и как я могу заставить его работать?