Разделение формы на разные экраны

Задача.

У меня есть довольно разухабистая форма, дизайн которой я хочу улучшить. В ней есть списки чекбоксов, списки радиокнопок, каждый из которых может быть довольно большим (10+ элементов). Я хочу вынести редактирование этих списков на отдельный экран. Как, например, в этом примере:

<div id="home"><ul class="rounded">
    <li class="arrow">
        <a href="#checkboxes">Checkboxes</a>
    </li>
    <li class="arrow">
        <a href="#radiobuttons">Radiobuttons</a>
    </li>
</ul></div>
<div id="checkboxes"><ul class="rounded edit">
    <li>
        <input type="checkbox" name="checkbox1" value="checkbox1" title="checkbox 1" />
    </li>
    <li>
        <input type="checkbox" name="checkbox2" value="checkbox2" title="checkbox 2" />
    </li>
</ul></div>
<div id="radiobuttons"><ul class="rounded edit">
    <li>
        <input type="radio" name="radiobutton" value="1" title="radiobutton 1" />
    </li>
    <li>
        <input type="radio" name="radiobutton" value="2" title="radiobutton 2" />
    </li>
</ul></div>

Проблема: я не могу объединить эти div-ы в одну форму. jQTouch берет элементы первого уровня для представления на одном экране. Если я помещу все div-ы в form, они все будут видимы. То есть я могу редактировать форму, но не могу послать ее на сервер целиком. Как решить эту проблему?

http://pastebin.com/wSsZYxyh — полный исходник примера, смотреть в Safari.