JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css">
<div data-role="page">
Click on the buttons    
    <a href="#section" id="abutton" data-role="button">Do Stuff</a>
    
    <button type="button" name="answer" id="myButton">tess</button>
    
</div>

JavaScript

$('#abutton').toggle(function(){
        setAButtonText("New Text For A Button");
 }, function(){
         setAButtonText("Do Stuff");
 });

 $('#myButton').toggle(function(){
        setInputButtonText("New Text For Input Button");
 }, function(){
         setInputButtonText("My Value");
 });


function setInputButtonText(txt){
          $("#myButton").prev('a').find('span.ui-btn-text').text(txt);
}

function setAButtonText(txt){
    $('#abutton .ui-btn-text').text(txt);
}