How do I make jQuery modify only one div, instead of all divs of the same class?
<p>Each page of my site has 10 (almost) identical divs, varying only in the text within. When a certain part of a div is clicked, I want a different part of that div to be modified.</p>

<p>I'm using this code:</p>

<pre><code>$(document).ready(function(){
 $(".notLogged img").mouseover(function(){
  $(this).parent()&gt;$("span").html("You must be logged in to vote.");
 })
})
</code></pre>

<p>I  thought this would work as follows:  For all <code>img</code> elements within a "notLogged" classed div, a mouseover would cause a different part of that div to change.</p>

<p>However, that's not what happens.  Whenever that mouseover event is triggered, <em>all</em> divs with the "notLogged" class are modified.</p>

<p><strong>How can I modify this code so only the div in which the mouseover originated is modified?</strong></p>
