JSFiddle - React, Tailwind, and code Playground

HTML

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

<div data-role="page" id="page">
<ul id="listList" data-role="listview">
  <li id="list1" data-role="collapsible">
   <h3>list 1</h3>
   <div data-role="fieldcontain"></div>
  </li>
 </ul>
 <input type="button" onclick="addCheckbox();" value="add a checkbox to list1" />
 <script>
 function addCheckbox() {
   $("#list1 div[data-role='fieldcontain']").append(''
     +'<fieldset data-role="controlgroup" id="fs1">'
     +'<input type="checkbox" id="cb1" /><label for="cb1">text</label><input type="checkbox" id="cb2" /><label for="cb2">More text</label></fieldset><a href="index.html" data-role="button" data-icon="delete">Delete</a>').trigger("create");
 }</script>
</div>