title: Jquery hover with list items
body: <p>In my html code there are list items. I want to show and hide related fav div when hover the related list item. But i can not relate fav div and it's list item.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;ul&gt;    
  &lt;php? for(....): ?&gt;                            
      &lt;li&gt;
          &lt;div id="sin"&gt;
              some stuff 
          &lt;/div&gt;
          &lt;div id="son"&gt;
              some stuff
          &lt;/div&gt;
          &lt;div id="fav"&gt;
              something 
          &lt;/div&gt;
          &lt;br /&gt;
      &lt;/li&gt;
  &lt;php? endfor; ?&gt;
  &lt;/ul&gt; 
  </code></pre>
  
  <p>when mouse over <code>&lt;li&gt;</code> tags "fav" div which belongs to mouse overed list item has to appear.</p>
  
  <p>My unworked jquery code:</p>
  
  <pre><code>$(document).ready(function()
  {          
      $("li").hover(function(){
          $("#fav").show()},
          function () {
          $("#fav").hide()
      });
  });
  </code></pre>