Jquery Mobile - Radio button usage

This example demonstrates how the regular radio buttons can be styled using JQM and the various data-roles that can be used along with it.

by Shreerang Patwardhan

HTML

<div data-role="page">
    <div data-role="content">
        <form>
            <input type="radio" name="radio-option" id="radio-option1" value="option1" checked />
            <label for="radio-option1">Jquery Mobile</label>
            <input type="radio" name="radio-option" id="radio-option2" value="option2" />
            <label for="radio-option2">The M Project</label>
            <input type="radio" name="radio-option" id="radio-option3" value="option3" />
            <label for="radio-option3">Sencha Touch</label>
        </form>
        <form>
            <fieldset data-role="controlgroup">
                <legend>Choose a framework:</legend>
                <input type="radio" name="radio-option" id="radio-option1" value="option1" checked />
                <label for="radio-option1">Jquery Mobile</label>
                <input type="radio" name="radio-option" id="radio-option2" value="option2" />
                <label for="radio-option2">The M Project</label>
                <input type="radio" name="radio-option" id="radio-option3" value="option3" />
                <label for="radio-option3">Sencha Touch</label>
            </fieldset>
        </form>
        <form>
            <fieldset data-role="controlgroup" data-mini="true">
                <legend>Choose a framework:</legend>
                <input type="radio" name="radio-option" id="radio-option1" value="option1" checked />
                <label for="radio-option1">Jquery Mobile</label>
                <input type="radio" name="radio-option" id="radio-option2" value="option2" />
                <label for="radio-option2">The M Project</label>
                <input type="radio" name="radio-option" id="radio-option3" value="option3" />
                <label for="radio-option3">Sencha Touch</label>
            </fieldset>
        </form>
        <form>
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup">
                    <legend>Choose a...