Swapping a CSS class on jQuery .load event
<p>I have a list styled with CSS - standard stuff.  The items within that feature jQuery .load to load the relevant info into another div.  This works fine, however I also need to change the class in the list to reflect which item has been loaded.  My existing code below, which will probably explain it better...</p>

<pre><code>&lt;ul class="inner-nav" id="tdlists"&gt;
  &lt;li class="active"&gt;&lt;a onclick="$('##showlist').load('/lists/?List=#ListID#');"&gt;#ListName#&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a onclick="$('##showlist').load('/lists/?List=#ListID#');"&gt;#ListName#&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a onclick="$('##showlist').load('/lists/?List=#ListID#');"&gt;#ListName&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>The actual list is populated by a db query, however I've stripped that out as I don't believe it's relevant to the question and would only complicate matters!</p>
