title: jquery/javascript: How do I remove the 'active' class from all the children of a parent element?
body: <p>I have a few lists, something like so:</p>
  
  <pre><code>&lt;div id="menu" class="divclass"&gt;
      &lt;ul id="firstlist"&gt;
          &lt;li&gt;&lt;a href='#'&gt;...&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#'&gt;...&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#'&gt;...&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul id="secondlist"&gt;
          &lt;li&gt;&lt;a href='#'&gt;...&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#'&gt;...&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#'&gt;...&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;!-- etc. - similar unordered lists follow. --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When one of the <code>&lt;a&gt;</code> elements is clicked, I want to clear all the <code>&lt;li&gt;</code> elements of its list of the <code>'active'</code> class. I've been fiddling around with <code>.parent()</code>, <code>.children()</code>, and <code>.removeClass('active')</code> but I think I'm totally missing something because I can't get it to work. Can anyone give me a hand? This is the beginning of the script:</p>
  
  <pre><code>$(document).ready(function() {
      $(".divclass ul li a").click(function() { ... }}
  </code></pre>
  
  <p>where <code>.divclass</code> is the class of the div that contains the unordered lists.</p>