CheckBox事件未在移动浏览器中触发，但在桌面上运行正常

Question

我在移动设备浏览器上使用Checkboxes点击事件时遇到了一些问题。

以下代码在桌面浏览器上正常运行。点击Checkbox ic后，我可以看到TempPage上显示的文字。

<script type="text/javascript">
    $(document).ready(function(){
    // Check Box click event
    $(".checkboxclass").bind ("click", function (event)
        {
          var tempstring ='<p> CHECKBOX Click works </p>'
          $('.class-TempPage').append(tempstring);
        });
    }
</script>
<!-- ########### -->
<!-- TEMP page -->
<!-- ########### -->
<div data-role="page" id="id-TempPage">
    <div data-role="content">   
        <div class="class-TempPage">
        </div>
    </div><!-- /content -->
</div><!-- /page -->

<!-- ########### -->
<!-- CHECKBOX page -->
<!-- ########### -->

<div data-role="page" id="id-CheckBoxPage">
    <div data-role="content">   
        <div class="class-CheckBoxPage">
                <ul id="dataPointList" data-role="listview" data-filter="true">
                    <li>
                        <input type="checkbox"  id="checkbox-4"  />
                            <label class="checkboxclass" for="checkbox-4" data-iconpos="right">blah4</label>
                    </li>
                </ul>
        </div>
    </div><!-- /content -->
</div><!-- /page -->

然而，当我在手机上使用broswer（例如Dolphin）时，它无效。

为什么会这样？怎么绕过这个？

这个链接 - http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-checkboxes.html - 提一下，不确定是否相关。

感谢。