Tabs: Fix example to give active state to 1st tab

Closes gh-351

Author: agcolom

pages/tabs.html

@@ -7,13 +7,14 @@
 	}
 }</script>
 
+<<<<<<< HEAD
 <h2 id="introduction">Tabs</h2>
 <p>The jQuery UI tabs widget is bundled unchanged with jQuery Mobile. Thus, it's <a href="//api.jqueryui.com/tabs/">API documentation</a> fully describes its functionality.</p>
 <h2 id="options-and-autoinit">Options and autoinitialization</h2>
 <p>When used with jQuery Mobile's autoinitialization features, the options documented on the widget's API documentation page can also be provided as <code>data-*</code> attributes in the markup. You can add the <code>data-role="tabs"</code> attribute to your tabs widget markup to indicate that the element is to be turned into a tabs widget.</p>
 <h2 id="ajax">Ajax considerations</h2>
 <p>jQuery Mobile provides an extension to the tabs widget (<code>tabs.ajax</code>). The extension provides no new API, however, it modifies the way in which the widget evaluates whether displaying the content referred to by the <code>href</code> attributes of the links that play the role of tabs requires retrieval via Ajax. It is necessary to include this extension if your project consists of multiple external jQuery Mobile pages, one of which features a tabs widget.</p>
-
+<div class="warning"><b>Note:</b> Use of links to open popup's and panels is not currently recommended in conjunction with the tabs widget. Clicking these links will remove the active state style of the selected tab.</div>
 <section class="entry-examples" id="entry-examples">
 	<header><h2>Example:</h2></header>
 	<div class="entry-example" id="example-0">
@@ -40,7 +41,7 @@ <h1>jQuery Mobile Example</h1>
 		<div data-role="tabs">
 			<div data-role="navbar">
 				<ul>
-					<li><a href="#fragment-1">One</a></li>
+					<li><a href="#fragment-1" class="ui-btn-active">One</a></li>
 					<li><a href="#fragment-2">Two</a></li>
 					<li><a href="#fragment-3">Three</a></li>
 				</ul>