JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<body>
<div id="tabs">
<ul>
    <li><a href="/echo/html/">Tab 1</a></li>
    <li><a href="/echo/html/">Tab 2</a></li>
    <li><a href="/echo/html/">Tab 3 (slow)</a></li>
    <li><a href="/echo/html/">Tab 4 (broken)</a></li>
</ul>
</div>
</body>
</html>

JavaScript

var oData = {};

$.ajaxPrefilter(function(mapSettings) {
    mapSettings.type = 'POST';
    mapSettings.data = serializeData();
});

var serializeData = function() {
    return $(oData).serialize();
}

$(document).ready(function() {
    $('#tabs').tabs({
        beforeActivate: function(event, ui) {
            alert($(ui.newTab).text());
            //oData.html = $(ui.newTab).text() + ' content';
        }
    });
});