JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<title>Sample Page</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page" id="page1">
<div data-role="header">
<h1>
Page 1
</h1>
</div><!-- /header -->
<div data-role="content">
<div data-role="fieldcontain">
<fieldset class="ui-grid-a">
<div class="ui-block-a">
<label id="lblradiomale" for="radiomale">Male</label>
<input type="radio" data-mini="true" name="radio-choice-0" id="radiomale" class="custom">
</div>
<div class="ui-block-b">
<label id="lblradiofemale" for="radiofemale">Female</label>
<input type="radio" data-mini="true" name="radio-choice-0" id="radiofemale" class="custom">
</div>
</fieldset>
</div>
</div>
<div data-role="fieldcontain">
<fieldset class="ui-grid-a">
<div class="ui-block-a">
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
<label for="radio-choice-1">Cat</label>
</div>
<div class="ui-block-b">
<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
<label for="radio-choice-3">Hamster</label>
</div>
...