jQuery img rel text placement in another area
<p>I am trying to figure out how to use jquery to take an image with a class of active, to take the "rel" data and apply that text to text inside another div with a h2 tag. I am very new to jQuery and still trying to wrap my mind around it. Please explain what is happenning a bit, so it makes sense! Thank you ahead of time for the answers! </p>

<p><strong>All I can figure out is this:</strong></p>

<p>jQuery (I know I'll need this... just not sure how to apply it)</p>

<pre><code>var title = $("#slider img.active").attr("rel");
</code></pre>

<p>The HTML:</p>

<pre><code>&lt;div id="slider"&gt;
    &lt;div id="sliderimgholder"&gt;
        &lt;img class="active" src="images/slider-1.jpg" alt="" rel="image one" /&gt;
        &lt;img class="" src="images/slider-2.jpg" alt="" rel="image two" /&gt;
        &lt;img class="" src="images/slider-3.jpg" alt="" rel="image three" /&gt;
    &lt;/div&gt;

    &lt;div id="ribbon"&gt;
        &lt;h2&gt;THIS SHOULD BE POPULATED WITH text image one&lt;/h2&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
