jquery模板上的文本更改事件

Question

我有如下所示的Jquery-tmpl

<script id="tmpl-gridDetail" type="text/x-jquery-tmpl">   
        <tr style="border-bottom:1px solid #99BCE8">
            <td>
                <a class="item-remove">remove</a>
            </td>   
            <td style="vertical-align:middle;background-color:yellow" class="cell-number" ><input type="text" class="cell-number pphClass" value="${PPH}"  /></td>
            <td style="vertical-align:middle;background-color:yellow" class="cell-number pphPercentClass"><input type="text" class="cell-number pphPercentClass" value="${PPHPercent}"  /></td>
        </tr>   
    </script>

我希望在更改PPHPercent时更改事件文本。我在这个

上添加警报

      $("#gridDetailBody").find(".cell-number").click(function () {
            if (state != FormState.VIEW) {
                var txt = $(this).find("input[type='text']");
                if (txt.length == 0) {
                    $(this).html("<input type='text' style='width:100%' value='" + $(this).html().replace(/\./g, '') + "'/>");

                    $(this).find("input[type=text]").blur(function () {
                        var col = $(this).parent("td");
                        var value = $(this).val();
                        $(col).html((value));

                        //refresh total
                        var tr = $(col).parent("tr");
                        var cols = $(tr).children("td");

                        $('.pphPercentClass').live('change',function(){
                           alert('clicked in template');
                        });

                    }).focus();

                }
            }
        });

但它不起作用..即使我改变如下也不起作用。

$(".pphPercentClass").change(function(){
    alert("The text has been changed.");
});