JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.js"></script>
<link href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" />
<div data-role="page">
    <div data-role="tabs">
        <div data-role="navbar">
            <ul>
                <li><a href="#tab_one" data-tab="one" >one</a>
                </li>
                <li><a href="#tab_two" data-tab="two" >two</a>
                </li>
				   <li><a href="#tab_three" data-tab="three" class="ui-btn-active">three</a>
                </li>
            </ul>
        </div>
        <div class="ui-content" id ="tab_one" >tab one content</div>
        <div class="ui-content" id ="tab_two" >tab two content</div>
		<div class="ui-content" id ="tab_three" >tab three content</div>
    </div>
</div>

JavaScript

$(function(){

    // Selectors
	var tabs = 'div[data-role="navbar"]';
	var tab = tabs + ' a';

    // activate the selcted tab on load
	activateTab();

    // fetch the closest selected tab and trigger click
    function activateTab(){
		var selected = $(tab).closest('.ui-btn-active');
		$(selected).trigger("click");
    }
});