jquery select problem
<p>Say I have an unordered list like so:</p>

<pre><code>&lt;ul&gt;
&lt;li&gt;Some Text&lt;/li&gt;
&lt;li&gt;Some Text&lt;/li&gt;
&lt;li&gt;Some Text&lt;/li&gt;
&lt;li&gt;Some Text&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I want to use jquery so that when I click a "li", the background changes to blue. So I do this:</p>

<pre><code>    $('li').click(function() {
    $(this).addClass('active');
});
</code></pre>

<p>And the "active" class has as background of blue. However, I can't figure out how to make it so that when I click another "li", the other "li" that has a background of blue stops having a background of blue. I guess what I'm trying to say is how to make only one "li" have a background of blue at a time--using jquery. </p>
