JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<div data-role="page" data-add-back-btn="true">


        <fieldset data-role="controlgroup" data-type="horizontal">
            <legend>Grouped radio buttons:</legend>
            <label>
                <input type="radio" name="radio" value="choice-1" />Radiobutton 1</label>
            <label>
                <input type="radio" name="radio" value="choice-1" />Radiobutton 2</label>
                            <label>
                <input type="radio" name="radio" value="choice-1" />Radiobutton 2</label>
        </fieldset>

       
    </div>
</div>

JavaScript

$('#dynamic-radio').live('pageinit', function () {
    $('#create-radio').click(function () {
        $('#radio-buttons-container').append('<label><input type="radio" name="radio" class="new-radio" value="choice-1" />Radiobutton 1</label>');
        //.insertAfter("#create-radio");
        $('.new-radio').checkboxradio({
            create: function () {
                console.log('Creating new radio...');
            }
        });
        $('.enhanced-container').trigger('create');
    });

    $('#disable-radio').click(function () {
        $('.new-radio').checkboxradio('disable');
    });

    $('#enable-radio').click(function () {
        $('.new-radio').checkboxradio('enable');
    });

    $('#set-radio-value').click(function () {
        $('.new-radio:first').attr('checked', true);
        $('.new-radio').checkboxradio('refresh');
    });
});