Приветствую всех!
Такая беда:
<div class="post">
<div class="box">
<a href="#"><img src="img/green.jpg" alt="green.jpg" /></a>
<p><a href="#">Lorem ipsum/a></p>
</div>
<h2><a href="#">Sed ut perspiciatis unde</a></h2>
</div>
Мне нужно, чтобы при наведении мыши на h2(который в div.post) изображение из div.box обрамлялось, к примеру, красной рамкой(это вообще не суть, предположим, что мне нужно изменить какое-либо из свойств изображения через animate). Я написал для этого код, но поскольку таких дивов с классом post у меня несколько, то при наведении на один заголовок, обрамляются все изображения.
Как в таком случае быть? Как определить один конкретный элемент?