使用jquery动态计算折扣价格

Question

我的表单可以计算我们在MRP输入字段中添加的折扣价格。按一个按钮可以增加行数。

按钮在表格中附加以下代码

$("#add-book").click(function(){
    $(".books").append('<tr><td><select name="subject"><option disabled="" selected="">Subject</option><option>Microprocessors Microcontrollers</option><option>Compiler Design</option><option>Operating Systems</option><option>Artificail Intelligence</option><option>Web Engineering</option></select></td><td><input name="title" type="text" placeholder="Title of book..." maxlength="64"></input></td><td><input name="author" type="text" placeholder="Author..." maxlength="64"></input></td><td><input name="mrp" type="number" placeholder="MRP" maxlength="4"></input></td><td class="individual-noteshub-value"><input name="individual-noteshub-value" type="text" disabled=""  value="0"></input></td></tr>');
}

它给出了第一行的结果，但是在添加行时，它无法计算进行行的折扣价格。

用于计算的Js代码，我使用的是：

$(function(){
$('input[name="mrp"]').closest('td').find('input[name="mrp"]').on('input',function(){       

    $(this).closest('td').next().find('input[name="individual-noteshub-value"]').val($(this).val()/2);
});

$('input[name="pages"]').on('input',function(){     
    $(this).closest('td').next().find('input[name="individual-noteshub-value"]').val($(this).val()/4);
});

}）;