jquery - jQuery チェックボックス スタイル

Question

jQuery モバイルでのチェックボックスのスタイリングに問題があります。

私のコードはここにあります：

html:

<div data-role="collapsible" id=list>
    <h3>Neighborhoods</h3>
    <fieldset data-role="controlgroup" id="districts" data-iconpos="right"></fieldset>
</div>    

JavaScript:

var container = $('#districts');
var place="place";
var int=1;
var checkBox = $('<p><input type="checkbox" name="checkbox-'+int+'a" id=""checkbox-'+int+'a" class="custom" /><label for="checkbox-'+int+'a">'+place+'</label><\p>');
    container.append(checkBox);

html ファイルの先頭:

<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"
type="text/javascript"></script>
<script
src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"
type="text/javascript"></script>
<script src="lib/jquery.ui.map.full.min.js" type="text/javascript"></script>
<script src="lib/jquery.mobiledragdrop.js" type="text/javascript"></script> 

私が欲しいのはそれです（バーティカルグループ）