change background color of li using jquery
<p>I want to change the color of li which contains anchor when the mouse go over it, I make like this</p>

<pre><code> &lt;ul id="SonsItemList"&gt;
     &lt;li class="sonItem"&gt;&lt;a id="son" href="#" &gt;son 1&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sonItem"&gt;&lt;a id="son" href="#" &gt;son 2&lt;/a&gt;&lt;/li&gt;        
 &lt;/ul&gt;
</code></pre>

<p>and jquery is </p>

<pre><code> $(document).ready(function(){
            $("a#son").hover(function(){
               $("li.sonItem").css("background-color","black");  // it make all li background =&gt; black


        });
</code></pre>

<p>I just want the li that the mous go over to change it's background, how can I make it ?
            });</p>
