Displaying text on hover of image - getting string from rel attr
<p>Not sure why this doesn't seem to work, I can do it by ID's with a hardcoded string for the description but when I try and do it more globally I can't get it to work right. Basically when you hover over an image, a p("desc") slides down and should display a text string in it.</p>

<p>HTML</p>

<pre><code>&lt;div id="awardCont" class="bottomBlock"&gt;
    &lt;div id="award"&gt;
        &lt;div class="trophy" rel="foo"&gt;&lt;/div&gt;
        &lt;div class="trophy"&gt;&lt;/div&gt;
        &lt;div class="trophy"&gt;&lt;/div&gt;
        &lt;p id="desc"&gt;&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I would appreciate any help.</p>

<p>The JS</p>

<pre><code>$(function() {
        $('.trophy').hover(function() {
            var copy = $(this).attr(rel);
            $('#desc').slideDown('fast').html(copy);
        }, function() {
            $('#desc').slideUp('fast');
        });
    });
</code></pre>
