javascript - ネストされたリストビュー

Question

これは、Web サービスからの SOAP XML 応答です。これをjqueryモバイルのリストビューに入れたい（コード、名前、カテゴリ、および収量）、ImはIcenium（html、css、js、jqueryモバイルフレームワーク）を使用しています。また、すべてのテーブルを数えるので、バッジ通知を入れることができます。ありがとう！！あなたが私を助けてくれることを願っています

<DataSet xmlns="http://tempuri.org/">
<xs:schema xmlns="" xmlns:xs="http://www.w3.org/2001/XMLSchema"xmlns:msdata="urn:schemas-microsoft-com:xml-msdata" id="NewDataSet">
<xs:element name="NewDataSet" msdata:IsDataSet="true" msdata:UseCurrentLocale="true">
<xs:complexType>
<xs:choice minOccurs="0" maxOccurs="unbounded">
<xs:element name="Table">
<xs:complexType>
<xs:sequence>
<xs:element name="Code" type="xs:int" minOccurs="0"/>
<xs:element name="Name" type="xs:string" minOccurs="0"/>
<xs:element name="Keywords" type="xs:string" minOccurs="0"/>
<xs:element name="Category" type="xs:string" minOccurs="0"/>
<xs:element name="Yield" type="xs:double" minOccurs="0"/>
<xs:element name="YieldUnit" type="xs:string" minOccurs="0"/>
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:choice>
</xs:complexType>
</xs:element>
</xs:schema>
<diffgr:diffgram xmlns:msdata="urn:schemas-microsoft-com:xml-msdata"xmlns:diffgr="urn:schemas-microsoft-com:xml-diffgram-v1">

<NewDataSet xmlns="">
<Table diffgr:id="Table1" msdata:rowOrder="0">
<Code>106377</Code>
<Name>Blackened red snapper</Name>
<Category>123</Category>
<Yield>4</Yield>
<YieldUnit/>
</Table>
<Table diffgr:id="Table2" msdata:rowOrder="1">
<Code>303570</Code>
<Name>Celery soup</Name>
<Category>123</Category>
<Yield>1</Yield>
<YieldUnit/>
</Table>
<Table diffgr:id="Table3" msdata:rowOrder="2">
<Code>303675</Code>
<Name>Challah French Toast</Name>
<Category>123</Category>
<Yield>6</Yield>
<YieldUnit/>
</Table>
<Table diffgr:id="Table4" msdata:rowOrder="3">
<Code>303681</Code>
<Name>Challah french toast</Name>
<Category>123</Category>
<Yield>4</Yield>
<YieldUnit/>
</Table>
<Table diffgr:id="Table5" msdata:rowOrder="4">
<Code>303744</Code>
<Name>Chana dhal (or dal)</Name>
<Category>123</Category>
<Yield>6</Yield>
<YieldUnit/>
</Table>
</NewDataSet>
</diffgr:diffgram>
</DataSet>

Html の私のコード

   <div class="article">


                    <h1>List Of Recipes</h1>

                    <ul id="RecipeList" data-inset="true">
                        </ul>

            </div><!-- /article -->