JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<div data-role="content">
    <div data-role="controlgroup" id="radio-clock-in">
        <!-- Dynamically injected radio buttons go here -->
    </div>
</div>

JavaScript

$('#radio-clock-in').controlgroup("container").append('<label for="foo"><input type="radio" name="clock-place" id="foo" value="foo" />Foo</label>').append('<label for="bar"><input type="radio" name="clock-place" id="bar" value="bar" />Bar</label>').append('<label for="chk"><input type="checkbox" name="clock-place" id="chk" value="bar" />Checkbox</label>');

$("#radio-clock-in").enhanceWithin().controlgroup("refresh");