jquery list confusion
<p>I'm a new to the jQuery world and I'm having a problem that I just can't solve.  I have an unordered list with multiple li's.  I'm trying to make it so when the user clicks a row, the bg color on the row changes.  And when another row is click, that row's bg color changes and the previous on goes back to the default color.  This is my code so far:</p>

<pre><code>$('.allVideos ul li').hover(function(){
   $(this).css('background','#c7f1f2');
}, function(){
   $(":not($(this))").css('background','');
});
</code></pre>

<p>Unfortunately it isn't working as planned.  Can anyone explain to me what I am doing wrong?</p>

<p>Thanks</p>
