JSFiddle - React, Tailwind, and code Playground

by DigitalBiscuits

HTML

<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css">
        <form>

            <p class="ui-body-e ui-corner-all" style="padding:5px" onclick="insert()">Click here to insert the button</p>

            <input type="button" value="Original button" />

            <div id="result">
                Button not inserted yet  
            </div>

        </form>

CSS

form
{
    width:400px;
    margin:0 auto;
}

JavaScript

function insert()
{
    $("#result").html('<input type="button" value="Inserted button"/>').trigger('create');
}