I need to change the opacity of a image when I hover either the image or the `<p>` above it. This is the html structure

```
<div id="article-menu">
  <ul>
     <p>Image</p>
     <li><img src="..." /></li>
  </ul>
</div>

```

jQuery

```
$("#article-menu img, #article-menu p").hover(function() {
    $(this).closest('img').css('opacity', 1);
}, function() {
    $(this).closest('img').css('opacity', 0.7);
});

```

This does not work. It does only work if you hover the actual image not the p element.