Jquery attribute rel is screwing everything up
<p>This is hopefully my last question, for today :P.</p>

<p>I have <strong>10</strong> .photo divs with different image each one. html code bellow:</p>

<pre><code>&lt;div class="photo"&gt;&lt;!-- Start Photo --&gt;
&lt;div class="transparency"&gt;&lt;/div&gt;
    &lt;div class="performer"&gt;&lt;p&gt;&lt;? echo $perf; ?&gt;&lt;/p&gt;&lt;/div&gt;
    &lt;a href="&lt;?php the_permalink(); ?&gt;" class="jquery" rel="&lt;? echo ''.$perf.''; ?&gt;"&gt;&lt;img src="&lt;? echo ''.$pic.''; ?&gt;" width="180" height="135" alt="&lt;? echo ''.get_the_title().''; ?&gt;" style="display:block"/&gt;&lt;/a&gt;
&lt;/div&gt;&lt;!-- End Photo --&gt;
</code></pre>

<p>This is what my jquery code does: when i hover a photo div, it loads a flash movie. When I hover out of that div, i want the initial photo to be displayed.</p>

<p>Here is my jquery code:</p>

<pre><code>    $(".photo").hoverIntent(function() {
    $(this).html('&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,24,0" width="100" height="100"&gt;&lt;param name="movie" value="http://static.awempire.com/flash/live_feeds/live_feed.swf" /&gt;&lt;param name="quality" value="high" /&gt;&lt;param name="wmode" value="transparent" /&gt;&lt;param name="flashvars" value="appletroot=http://static.awempire.com/flash/live_feeds/&amp;appletskin=template8/template01.swf&amp;appletcol=900000&amp;psid=ddany23&amp;campaign_id=20520&amp;pstour=t1&amp;psprogram=REVS&amp;site=jsm&amp;flags=137438953473,137438953504,1,32&amp;lp_lang=auto" /&gt;&lt;embed src="http://static.awempire.com/flash/live_feeds/live_feed.swf" width="100" height="100" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" flashvars="appletroot=http://static.awempire.com/flash/live_feeds/&amp;appletskin=template8/template01.swf&amp;appletcol=900000&amp;psid=ddany23&amp;campaign_id=20520&amp;pstour=t1&amp;psprogram=REVS&amp;site=jsm&amp;flags=137438953473,137438953504,1,32&amp;lp_lang=auto"&gt;&lt;/embed&gt;&lt;/object&gt;');
}, function() {
    $(this).html('' + $(".jquery").attr("rel") + '');
});
</code></pre>

<p><strong>The problem is, the rel does not corespond with each image. I mean, it gets the rel to the immediate .photo div, mixes them, etc... pretty strange</strong> </p>

<p>It should work, i should have the rel coresponding to it's own .photodiv. :(</p>
