無法使用jQuery選擇無序列表的子代？

Question

我正在使用jquery移動導航，我必須選擇一個列表項的子項，但是由於某些原因我不知道我在執行此操作時遇到了麻煩，有人可以幫忙嗎？ 這是到目前為止我所做的事情-http: //jsfiddle.net/jhrz9/

 <div data-role="panel" id="left-panel" data-theme="a" data-display="push">
    <ul class="left-nav" data-icon="" data-role="listview" data-autodividers="true" data-filter="true" data-inset="true">
        <li><a href="#">Adam Kinkaid</a><div class="helperText">Helper Text</div></li>
        <li><a href="#">Alex Wickerham</a></li>
        <li><a href="index2.html">Avery Johnson</a></li>
        <li><a href="index.html">Bob Cabot</a></li>
        <li><a href="index.html">Caleb Booth</a></li>
        <li><a href="index.html">Christopher Adams</a></li>
        <li><a href="index.html">Culver James</a></li>
    </ul>
</div><!-- /panel -->

我正在使用的腳本是

$('ul.left-nav li').click(function(){
    alert($(this).children('.helperText').html());
});

而且我也嘗試過

$('#left-panel ul li').click(function(){
    alert($(this).children('.helperText').val());
});  

Answer 1

看起來jQuery Mobile改變了dom結構

$('ul.left-nav li').click(function(){
    alert($(this).find('.helperText').html());
});

演示： 小提琴