nested lists and bubble count

nested lists and bubble count

Hi list,

I have search forum for "ui-li-count" but nothing answered my question.
I managed to create a listview with a count bubble element but when trying to add nested listviews the count bubble disappears. I have tried to wrap the listview with a "ui-li-count" and it seemed to work but nested listview title page is named the number of the count bubble ('10' for example).

  1. <div data-role="page" data-theme="d" id="channels">
        <div data-role="header" data-theme="d">
            <h1>TITLE</h1>
        </div>
        <div data-role="content">
            <ul data-role="listview" data-filter="true" data-theme="d">
            <li>TEXTHEAD
            <ul data-role="listview" data-filter="true" data-theme="d">
            <li>nested_text</li>
            <li>nested_text</li>
            <li>nested_text</li>
            </ul>
            <span class="ui-li-count">10</span>
            </li>
        </div>
        <div data-role="footer" class="ui-bar">
        <div data-role="controlgroup" data-type="horizontal">
        <a href="default.html" data-icon="refresh" data-role="button" data-ajax="false">Home</a>
        <a href="" data-icon="grid" data-role="button" id="rlist" rel="external">List</a>
        </div>
        </div>
    </div>




















Is it possible to create nested listviews with count bubble ?