title: Twitter Bootstrap - Perform action on tab "shown" event
body: <p>I need to "reset" some page information based on the selected tab in a bootstrap jQuery tab section.</p>
  
  <p>The docs show this event, which is exactly what I need: <a href="http://twitter.github.com/bootstrap/javascript.html#tabs" rel="noreferrer">http://twitter.github.com/bootstrap/javascript.html#tabs</a></p>
  
  <pre><code>$('a[data-toggle="tab"]').on('shown', function (e) {
    e.target // activated tab
    e.relatedTarget // previous tab
  })
  </code></pre>
  
  <p>I need to get the 'href' attribute of the <code>e.Target</code> and <code>e.relatedTarget</code>, which uniquely identify those 2 tabs and the 2 tab-content panes they are linked to.</p>
  
  <p>Here's my problem: the <code>e</code> object is some object that I'm not expecting or used to.  I can't use any of the jQuery methods like <code>e.target.attr('href')</code> -- all the normal jquery methods I'm used to are gone.   I tried accessing it like a raw object attribute -- <code>e.href</code> , and got <code>https://127.0.0.1/test?action=view#tab-a"</code> not <code>#tab-a</code></p>
  
  <p>I can code a workaround with this - but I'm clearly doing something wrong.  There should be an easy way to directly get <code>#tab-a</code> from <code>e.target</code> -- but I can't figure it out.</p>