jquery - ホバーによって、別の要素のホバーをトリガーします

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/