Jquery mobile radio buttons unreponsive

Question

I have a simple control group for a radio button input as follows:

<div data-role="dialog" id="addUser" data-title="Add New User">
<div data-role="header" data-theme="b">
<h1>Add New User</h1>
</div>        
<div data-role="content">            
<div id="addNewUserErrMsg"></div>
<form name="addNewUserForm" action="addnewuser.php">
<label for="nuEmail">Email Address</label>
<input type=text id="nuEmail" name="Email" autofocus="autofocus">
<fieldset data-role=controlgroup data-mini=true>
    <input type=radio id="1" value=1 name=radio1>
    <label for="1">1</label>
    <input type=radio id="2" value=2 name=radio1>
    <label for="2">2</label>
    <input type=radio id="3" value=3 name=radio1>
    <label for="3">3</label>
</fieldset>
<label for="firstName">First Name</label>
<input type=text id="nuFirstName" name="firstName">
<label for="nuLastName">Last Name</label>
<input type=text id="nuLastName" name="lastName">
<label for="nuPassword">Password</label>
<input type=password id="nuPassword" name="password">
<label for="nuRePassword">ReEnter Password</label>
<input type=password id="nuRePassword" name="rePassword">
<label for="nuCell">Cell Phone (for alerts)</label>
<input type=text id="nuCell" name="cell">
<input type="submit" value="Create User" data-inline="true" data-theme="a">&nbsp;&nbsp;<a data-role="button" data-inline="true" data-mini="true" href="#home">Cancel</a>
</form>       
</div><!-- /content -->           
</div><!-- /adduser -->

The problem is that I cannot select any of the buttons. It's as if they're all disabled. They appear to be displayed correctly (empty circle followed by text and all grouped nicely).

I am using jquerymobile 1.4-rc1. I have tried in both Chrome and FireFox.

Update: The radio button is being selected (and value passed as part of POST request), however, there is no visual indication of that on the screen. Just an empty circle. No errors in the apache error log. No errors that firebug displays either.