jQuery移动复选框+文本区域

我正在使用jQuery Mobile中的控件组将复选框放置在文本区域旁边

此函数检查复选框checked=true/false中的更改，并添加一个类以删除textarea中的文本：

$('body').on('change', 'input[type="checkbox"].todoitem', set_status_todoitem);

这很好，但我的问题是当点击文本区域模糊/聚焦时？选中该复选框。我希望能够编辑文本区域中的文本，而无需选中复选框。另一个问题是，在移动设备上单击文本区域时，焦点没有设置在文本区域上，因此键盘不会出现

我的html标记如下所示：

<fieldset id="todoitems" data-role="controlgroup">
    <div class="todoitem" id="id1">
        <input type="checkbox" class="todoitem" id="id1">
        <label for="id1"><textarea class="todoitem" id="id1">Item 1</textarea></label>
    </div>
    <div class="todoitem" id="id2">
        <input type="checkbox" class="todoitem" id="id2">
        <label for="id2"><textarea class="todoitem" id="id2">Item 2</textarea></label>
    </div>
    <div class="todoitem" id="id3">
        <input type="checkbox" class="todoitem" id="id3">
        <label for="id3"><textarea class="todoitem" id="id3">Item 3</textarea></label>
    </div>
</fieldset>

---

div标签之所以存在，是因为我正在使用可排序功能。

也许可以尝试使用网格或表格进行布局：很好的解决方案，但是controlgroup呢？我喜欢分组视图。你是说控制组边界吗？您可以设置表格的样式：这与jquery ui`……有关吗。。？