title: changing active class for list element
body: <p>I'm trying to change the 'active' class for the clicked list item but I'm missing something.  Here is what my HTML and jquery look like:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul class="additional-menu"&gt;
      &lt;li class="active"&gt;&lt;a href="link1"&gt; Link1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="javascript:void(0)" id="link2"&gt;Link2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="javascript:void(0)" id="link3"&gt;Link3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;  
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$("#link2").click(function(){
  
      if ($(this).find('#additional-menu li').hasClass('active')) {
          //console.log("Active class seen");
          $(this).find('#additional-menu li').removeClass('active');
          $(this).addClass('active');
      }
  });
  </code></pre>
  
  <p>Any idea what I'm missing? I'm not even detecting the active class at this point...</p>