title: How do I make jQuery modify only one div, instead of all divs of the same class?
body: <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>