title: Tabs title change based on selected tab
body: <p>I have a tab with this code</p>
  
  <pre><code>&lt;ul class="nav nav-tabs pull-right"&gt;
      &lt;li&gt;&lt;a href="#tab_3-2" target="_self" data-toggle="tab"&gt;tab3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab_2-2" target="_self" data-toggle="tab"&gt;tab2&lt;/a&gt;&lt;/li&gt;
      &lt;li class="active"&gt;&lt;a href="#tab_1-1" target="_self" data-toggle="tab"&gt;tab1&lt;/a&gt;&lt;/li&gt;
      &lt;li class="pull-left header"&gt;&lt;i class="fa fa-user-plus" aria-hidden="true"&gt;&lt;/i&gt; title&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>As you can see it has one title and I want a different title based on selected tab.
  So if I selected tab1 change title to title1, if tab2 change to title2 etc</p>
  
  <p>Can you help me?</p>