JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css">
<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
<div data-role="page">
    <div data-role="content">
        <a data-role="button" href="#">Click to Change H3 Text</a>
        <div data-role="collapsible" data-content-theme="e" id="collapsePlace">
            <h3>Place:</h3>
            <!--things...-->
        </div>
    </div>
</div>

JavaScript

$(function () {
    var num = 1;
    $('a').bind('click', function () {
        var $btn_text  = $('#collapsePlace').find('.ui-btn-text');
            $btn_child = $btn_text.find('.ui-collapsible-heading-status');
        $btn_text.text('New String (' + num++ + ')').append($btn_child);
    });
});