JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/start/jquery-ui.css"
type="text/css" media="all"/>

<button id="addspan">Add span</button>
<div id="wrap">
    <ul></ul>
</div>

CSS

span{
    border:1px solid red;
    display:block;
    idth:300px;
    height:30px;
    margin-bottom:10px;
}

JavaScript

var count = 1;
$('#addspan').click(function() {
    $('#wrap').append('<span id="page' + count + '">testing</span>');
    $('#wrap').find('ul').append('<li><a href="#page' + count + '">' + count + '</a></li>');
    count++;
    $('#wrap').tabs();
});