Adding an active class with JQuery should work like this, right?
<p>OK, I'm going crazy here! Why won't this work!! I'm trying to add a class of active to top level menu navigation... so for my menu that would be the About, News, Business, etc... buttons. Here is the html for the menu:</p>

<pre><code>&lt;ul id="topnavtwo"&gt;
   &lt;li&gt;
       &lt;a href="/CoVPrototype/about.php" class="about_pg"&gt;About Vancouver&lt;/a&gt;
            &lt;div class="sub"&gt;
                &lt;ul class="lonesome_group"&gt;

                    &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;History&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                    &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Geography&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                    &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Things To Do&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                    &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Population&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                    &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Weather&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                    &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Education&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                    &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Health&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                    &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Cemetery&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                    &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                &lt;/ul&gt;
                &lt;ul&gt;
        &lt;li&gt;
            &lt;a href="/CoVPrototype/news.php" class="news_pg"&gt;In The News&lt;/a&gt;
            &lt;div class="sub"&gt;
                    &lt;ul style="width: 160px;"&gt;
                        &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Special Events&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="short_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                        &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Media Resources&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="short_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                        &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Archive&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="short_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
        &lt;/li&gt;

&lt;!--Mega Menu Section--&gt;
            &lt;a href="/CoVPrototype/business.php" class="doing_business_pg"&gt;Doing Business&lt;/a&gt;
              &lt;div class="sub_bus"&gt;
                    &lt;ul class="lonesome_group"&gt;

                        &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Economic Development&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                        &lt;li&gt;&lt;h2&gt;&lt;a href="#"&gt;Taxes&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="lonesome_link_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                    &lt;/ul&gt;

                    &lt;ul style="width: 160px;"&gt;
                        &lt;li&gt;&lt;h2&gt;Business Assistance&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="short_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Doing Business With The City&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Starting a new Business&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Incentives&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Information and Rules&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;

                    &lt;ul style="width: 160px;"&gt;
                        &lt;li&gt;&lt;h2&gt;Liscence And Permits&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="short_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Types of Business Licenses&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Apply for Business License&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Pay &amp;amp; Manage Business &lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;License&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;TV, Radio &amp;amp; Film&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Retail Sidewalk&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Permits&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;

                    &lt;ul style="width: 160px;"&gt;
                        &lt;li&gt;&lt;h2&gt;Opportunities With&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The City&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="short_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Bids&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Contacts Awarded&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Ethical Purchasing Policy&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Purchase Order Items&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;

                     &lt;ul style="width: 160px;"&gt;
                        &lt;li&gt;&lt;h2&gt;Walking&lt;/h2&gt;&lt;/li&gt;
                        &lt;div class="short_ul"&gt;&lt;hr /&gt;&lt;/div&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Routes &amp;amp; Maps&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Neighbourhoods&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Green Streets&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Initiatives&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>And my JQuery is like this:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
        $('#topnavtwo li a').click(function() {
          $('topnavtwo li a').addClass('active');
        });
     });
    &lt;/script&gt;
</code></pre>

<p>I don't get it, shouldn't this work??!!</p>
