title: change background color of li using jquery
body: <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>