title: Bootstrap tab ajax load content when page loaded
body: <p>i need help about loading tab content  when page is loaded. My example work good but default tab load content only when i click on him. That content is not loaded automatically when page is loaded is empty. </p>
  
  <p><strong>Check:</strong>
  <a href="http://jsfiddle.net/BoWw/77dyfbwd/" rel="nofollow">Fiddle example</a></p>
  
  <p>Like on example u will see you </p>
  
  <pre><code>&lt;ul class="nav nav-tabs tabs-up" id="friends"&gt;
     &lt;li&gt;&lt;a href="/gh/gist/response.html/3843293/" data-target="#contacts" class="media_node active span" id="contacts_tab" data-toggle="tabajax" rel="tooltip"&gt; Contacts &lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="/gh/gist/response.html/3843301/" data-target="#friends_list" class="media_node span" id="friends_list_tab" data-toggle="tabajax" rel="tooltip"&gt; Friends list&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="/gh/gist/response.html/3843306/" data-target="#awaiting_request" class="media_node span" id="awaiting_request_tab" data-toggle="tabajax" rel="tooltip"&gt;Awaiting request&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content"&gt;
     &lt;div class="tab-pane active" id="contacts"&gt;
     &lt;/div&gt;
     &lt;div class="tab-pane" id="friends_list"&gt;
     &lt;/div&gt;
     &lt;div class="tab-pane  urlbox span8" id="awaiting_request"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>And js:</strong></p>
  
  <pre><code>$('[data-toggle="tabajax"]').click(function(e) {
      var $this = $(this),
          loadurl = $this.attr('href'),
          targ = $this.attr('data-target');
  
      $.get(loadurl, function(data) {
          $(targ).html(data);
      });
  
      $this.tab('show');
      return false;
  });
  </code></pre>