title: Managing active state
body: <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="#"&gt;item 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;item 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;item 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>On click, I'd like to addclass <code>active</code> to the parent li element while also removing the <code>active</code> class from any other element which may be active already.</p>