jQuery addClass won't initiate
<p>I'm trying to add a class to a pre-existing element, and I am trying the simplest of code. Anyone have any idea why the two logs would return the exact same element?</p>

<pre><code>console.log($('.btn-group.archive'));
$('.btn-group.archive').addClass('open');
console.log($('.btn-group.archive'));
</code></pre>

<p>Might be worth mentioning that I'm using Twitter Bootstrap's dropdown menu, so I don't know if there is something messing with it from there.</p>

<p>They return:</p>

<pre><code>&lt;div class="btn-group archive"&gt;
    &lt;a class="btn dropdown-toggle" data-toggle="dropdown" href="#"&gt;
        Select
    &lt;/a&gt;
    &lt;ul class="dropdown-menu"&gt;&lt;!-- dropdown menu links --&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;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Where <code>&lt;div class="btn-group archive"&gt;</code> should be <code>&lt;div class="btn-group archive open"&gt;</code>.</p>

<p>The console is logging correctly, but the class won't add.</p>
