一页中的2个jquery移动水平复选框搞砸了

Question

我需要在一个页面中使用两个水平复选框：

<div data-role="content">
        <div data-role="fieldcontain" data-controltype="checkboxes">
            <fieldset data-role="controlgroup" data-type="horizontal" id="buddies">
                <legend>Hobbies (separates by ',')</legend>
            </fieldset>
        </div>
        <div id="language" data-role="fieldcontain" data-controltype="checkboxes">
            <fieldset data-role="controlgroup" data-type="horizontal">
                <legend>Languages (ordered by native, second lang...)</legend>
                <input id="eng" type="checkbox">
                <label for="eng">English</label>
                <input id="zho" type="checkbox">
                <label for="zho">国语</label>
                <input id="jpn" type="checkbox">
                <label for="jpn">日本語</label>
            </fieldset>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a data-role="button" id="revert">Revert</a>
            </div>
            <div class="ui-block-b">
                <input value="Update" type="submit">
            </div>
        </div>
    </div>

一张图片超过千言万语。如你所见，两个复选框完全搞砸了：

Answer 1

旧时尚表标签的作品！