Change background img IF class="active"
<p>I'm trying to change the background image of a div when I click on a thumbnail.
The background needs to change based on what thumbnail is "active"</p>

<p>My code I tried;</p>

<pre><code>$('#sliderThumbs li a').click( function() {
    if($('#sliderThumbs li.entalk.active') === true) {
        $('#slider').css('background','url(i/slider-bg.jpg) no-repeat 0 -550px');
    }
});
</code></pre>

<p>The HTML:</p>

<pre><code>&lt;div id="slider"&gt;
&lt;ul id="sliderThumbs"&gt;
    &lt;li class="intellibalast"&gt;
        &lt;a href="#"&gt;&lt;span&gt;Intelliblast&amp;trade; unit&lt;/span&gt;&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="dolfin"&gt;
        &lt;a href="#"&gt;&lt;span&gt;Dolfin&amp;trade; sensor&lt;/span&gt;&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="entalk active"&gt;
        &lt;a href="#"&gt;&lt;span&gt;EnTalk&amp;trade;&lt;/span&gt;&lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p> </p>

<p>So when I click on say.. Intellibalast, that li will then turn to class="intellibalast active"</p>

<p>The background of  Will need to change based on what li is active (I have 3 different images, each corresponding to the li class.</p>
