Jquery - Using this Selector
<p>the following jquery work fine when I try it:</p>

<pre><code>var memberPhoto = $('img.memberPhoto');
memberPhoto.hover(function() {
     $('div.memberBackDrop').toggle();
});
</code></pre>

<p>However when I to use the <code>this</code> selector it doesn't work - like below.</p>

<pre><code>$(this,'div.memberBackDrop').toggle();
</code></pre>

<p>what is the correct way to use this in this case?</p>

<hr>

<p>HTML Code below (part of):</p>

<pre><code>&lt;table id="memberPhotos"&gt;&lt;tr&gt;
&lt;td&gt;&lt;img src="images/online-dating-main/poll-pic1.jpg" class="shadowMild memberPhoto"&gt;
&lt;div class="memberBackDrop"&gt;
  &lt;h6 class="memberUserName"&gt;Summertime09&lt;/h6&gt;
  &lt;h6&gt;37, Male&lt;/h6&gt;
  &lt;h6&gt;Melbourne&lt;/h6&gt;
  &lt;h6&gt;Australia&lt;/h6&gt;
&lt;/div&gt;&lt;/td&gt;

&lt;td&gt;&lt;img src="images/online-dating-main/poll-pic1.jpg" class="shadowMild memberPhoto"&gt;
&lt;div class="memberBackDrop"&gt;
  &lt;h6 class="memberUserName"&gt;Summertime09&lt;/h6&gt;
  &lt;h6&gt;37, Male&lt;/h6&gt;
  &lt;h6&gt;Melbourne&lt;/h6&gt;
  &lt;h6&gt;Australia&lt;/h6&gt;
&lt;/div&gt;&lt;/td&gt;

&lt;td&gt;&lt;img src="images/online-dating-main/poll-pic1.jpg" class="shadowMild memberPhoto"&gt;
&lt;div class="memberBackDrop"&gt;
  &lt;h6 class="memberUserName"&gt;Summertime09&lt;/h6&gt;
  &lt;h6&gt;37, Male&lt;/h6&gt;
  &lt;h6&gt;Melbourne&lt;/h6&gt;
  &lt;h6&gt;Australia&lt;/h6&gt;
&lt;/div&gt;&lt;/td&gt;
</code></pre>
