title: Changing aria-expanded="true" manually not opening new tab
body: <p>I would like to open another tab after certain action is true. 
  Here you see my bootstrap navbar and the jQuery script.</p>
  
  <pre><code>&lt;ul class="nav navbar-default nav-justified" role="tablist" id="navbar"&gt;
  &lt;li role="presentation" class="active"&gt;&lt;a id="tab1" href="#home" aria-controls="home" role="tab" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li role="presentation" &gt;&lt;a id="tab2" href="#msg" aria-controls="msg" role="tab" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And here is the script.</p>
  
  <pre><code>$("#password-button").on("click", function () {
  
      if($("#password-name").val() === password)    {
  
      $("#tab1").attr("aria-expanded", "false");
      $("#tab2").attr("aria-expanded", "true");
  
      }
      }
  </code></pre>
  
  <p>Firebug shows me that it changes those attributes but nothing happens?</p>