title: Error: cannot call methods on tabs prior to initialization; attempted to call method 'option'
body: <p>I am trying to automatically select a tab with JQuery.
    here is my code. I have tried to initialize JQuery but still getting the same Error. </p>
  
  <pre><code> $("ul.tabs").tabs();
   $( "#messages" ).tabs( "option", "active", 2 );
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul class="nav nav-tabs" id="myTab" style="top: -78px;width:100%;"&gt;
    &lt;div class="liner"&gt;&lt;/div&gt;
    &lt;li class="active"&gt;
      &lt;a href="#home" data-toggle="tab" title="welcome"&gt;
        &lt;span class="round-tabs one"&gt;
          &lt;i class="glyphicon glyphicon-globe" &gt;&lt;/i&gt;
         &lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#profile" data-toggle="tab" title="Email forwarding"&gt;
        &lt;span class="round-tabs two"&gt;
            &lt;i class="glyphicon glyphicon-envelope" &gt;&lt;/i&gt;
        &lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class=""&gt;
      &lt;a href="#messages" data-toggle="tab" title="Edit your spins here"&gt;
        &lt;span class="round-tabs three"&gt;
             &lt;i class="glyphicon glyphicon-pencil" &gt;&lt;/i&gt;
        &lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>