jQuery opacity on hover
<p>Please, help to rewrite this jQuery function:</p>

<pre><code>$(".gallery dt a img").fadeTo("fast", .7);
$(".gallery dt a").hover(function () {
    $(this).fadeTo("fast", 1)
},
function () {
    $(this).fadeTo("fast", .7)
});
</code></pre>

<p>Here is a html:</p>

<pre><code>&lt;dl class="gallery"&gt;
    &lt;dt&gt;&lt;a href="#"&gt;&lt;img /&gt;&lt;/a&gt;&lt;/dt&gt;
    &lt;dd&gt;&lt;a href="#"&gt;text&lt;/a&gt;&lt;/dd&gt;
&lt;/dl&gt;
</code></pre>

<p>Image appears (opacity: 1) when I hover a link in <code>&lt;dt&gt;</code> tag, how can I change this, to make image appear when I hover a links in both <code>&lt;dt&gt;</code> and <code>&lt;dd&gt;</code> tags?</p>

<p><strong>Nobody knows?</strong></p>
