jquery - jQuery 复选框样式

Question

我在使用 jQuery mobile 设置复选框时遇到问题。

我的代码在这里：

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> 

我想要的是（垂直组）