jquery - Jquery mobile は、ネストされた順序付けられていないリストをリンクに自動的に変換しますか? 私は何をすべきか

Question

私はjqueryモバイルプロジェクトでこのようなことを試みています-

ユーザーに2つのテキストボックスにhtmlとcssを入力するように依頼し、jqueryを使用してそれらの値を取得し、divにスタイルとhtmlを追加します-

<div id="resultContainer">

</div>

今、他のすべてはうまくいきますが、コードを入力すると-

<ul id="genus_examples">
    <li>Cats
        <ul>
            <li>Panthera</li>
            <li>Felis</li>
            <li>Neofelis</li>
        </ul>
    </li>
    <li>Apes
        <ul>
            <li>Pongo</li>
            <li>Pan</li>
            <li>Homo</li>
        </ul>
    </li>
</ul>

しかし、Jquery mobile は自動的に私のコードを次のようなものに変換します -

<ul id="genus_examples">
    <li><a href="#demo-page&amp;ui-page=2-1" class="ui-link"><span>Cats</span></a></li>
    <li><a href="#demo-page&amp;ui-page=2-0" class="ui-link"><span>Apes</span></a></li>
</ul>   

したがって、jquery は私の順序付けられていないリストを次のようなものに変換しています - http://jsfiddle.net/9TKM4/1/

クリックしてサイドバーを開き、オプションの子セレクターを選択して helperTextHtml で提供されるコードを生成すると、jquery はテキストを別のものに変更します。そのため、このような誤った結果が得られると思います。助けてください