把索引列表indexed list中的列表，换成二级列表后搜索栏失效，求解决办法。

把hello mui 中indexed list中的普通列表换成示例中的二级列表后，顶部的搜索栏，搜索失效。

我自己试了一下，主要是因为是
<li class="mui-table-view-cell mui-collapse"></li> 下面还有<li>导致搜索失败，如果删除掉就正常了。

请问要怎样修改才能用二级列表的情况下indexed list支持搜索。

<div class="mui-content">  
    <div id='list' class="mui-indexed-list">  
        <div class="mui-indexed-list-search mui-input-row mui-search">  
            <input type="search" class="mui-input-clear mui-indexed-list-search-input mui-input-speech" placeholder="搜索" id="search_input" onChange="onChang(this.value)">  
        </div>  
        <div class="mui-indexed-list-bar">  
            <a>a</a>  
            <a>b</a>  

        </div>  

        <div class="mui-indexed-list-alert"></div>  
        <div class="mui-indexed-list-inner">  
            <div class="mui-indexed-list-empty-alert">没有数据</div>  
            <ul class="mui-table-view">  
                <li data-group="a" class="mui-table-view-divider mui-indexed-list-group">  
                </li>  
                <li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">产品</a>  
                    <ul class="mui-table-view mui-table-view-chevron">  
                        <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">iOS</a>  
                        </li>  
                        <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">Android</a>  
                        </li>  
                        <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">HTML5</a>  
                        </li>  
                    </ul>  
                </li>  
            </ul>  
        </div>  
    </div>  
</div>  
<script src="js/mui.min.js"></script>  
<script src="js/mui.indexedlist.js"></script>