Javascript jQM 1.4:listview中按钮的事件处理程序

我有一个列表视图，其中包含带有按钮的样式项：（工作示例：）

当然

缓冲器
已接受：处理foo已接受

在我的应用程序中，列表是动态构建的，但静态JSFIDLE示例显示了我的问题：按钮上的单击处理程序不起作用

我想这可能是因为点击事件只是试图被listview上的li触发。是否可以在listview中使用自定义按钮？ 如果可能，如何在它们上声明事件处理程序

谢谢你的帮助

编辑：在Omar回答之后，我删除了按钮周围的div，并单击处理程序按预期工作。但动态生成列表时，单击处理程序不起作用：

---

解决方案：最后，它不适用于按钮，但适用于锚点。工作示例：

首先，您将一个

按钮包装在一个div中，而您可以使用

首先，您将
按钮
包装在一个div中，同时您可以使用

事实上，我并没有将我的按钮包装在一个div中，但我复制了生成的HTML并忘记删除包装。。。无论如何，谢谢你的回答，我不知道如何委派这样的事件。实际上，我没有将我的按钮包装在一个div中，但我复制了生成的HTML并忘记删除包装。。。无论如何，谢谢你的回答，我不知道如何委派这样的活动。
<ul id="runningJobList" data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
    <li data-role="list-divider" role="heading" class="ui-li-divider ui-bar-inherit ui-first-child">Traitements en cours</li>
    <li class="styled-li ui-li-static ui-body-inherit ui-last-child" title="Create a buffer around an input vector file">
        <div class="processStatus">
            <h6>Buffer</h6>
            <p><strong>ACCEPTED: </strong>Process foo accepted</p>
        </div>
        <div class="processButtons">
             <button id="holdProcess-f80a5070-c3e8-11e3-ae6a-005056af4240" data-inline="true" data-icon="lock" data-iconpos="notext"></button>
             <button id="killProcess-f80a5070-c3e8-11e3-ae6a-005056af4240" data-inline="true" data-icon="delete" data-iconpos="notext"></button>
        </div>
    </li>
</ul>

<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-lock ui-btn-icon-notext" id=""></a>

$(document).on("pagecreate", "#pageID", function () {
  $("li").on("click", "a, button", function () {
    /* code */
  });
});