用javascript更新cakephp表单输入

我在更新cakephp输入时遇到了很多困难，基于相同cakephp表单中的其他输入。下面是生成的代码:

echo $this->Form->input('UnitPrice',['id'=>'unitPrice', 'type' => 'number']);    
echo $this->Form->input('SalePercent', ['id'=>'salePercent', 'type'=>'number']);
echo $this->Form->input('SalePrice', ['id'=>'salePrice', 'readonly'=>'readonly']);

$('#salePercent').on('input', function() {
         calculate();
        });
        function calculate(){
            var sPercent = parseInt($('#salePercent').val());
            var sPrice="";
            if(isNaN(uPrice) || isNaN(sPercent)){
                sPrice=" ";
               }else{
               sPrice = (uPrice*(1-(sPercent/100))).toFixed(2);
               }
            $('#salePrice').val(sPrice);
        }

我希望实现的是有"销售价格"更新基于"单价"answers"销售价格"输入。对于我上面的当前代码，这不会发生。我没有从cakephp表单字段"SalePrice"得到响应。这可能吗?

这是我希望它如何工作的一个示例

我真的很抱歉，如果这是一个新手的问题，我是新的javascript。

亲切的问候