为什么动态删除多个输入文本不起作用？

Question

我的 html 是这样的：<h2><a href="#" id="addScnt">Add Another Input Box</a></h2><div id="p_scents">    <p>        <label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="Input Value" /></label>    </p></div>我的 javascript 是这样的：$(function() {        var scntDiv = $('#p_scents');        var i = $('#p_scents p').length + 1;        $('#addScnt').on('click', function() {                $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);                i++;                return false;        });        $('#remScnt').on('click', function() {                 if( i > 2 ) {                        $(this).parents('p').remove();                        i--;                }                return false;        });});我的演示和完整脚本如下：http : //jsfiddle.net/4nvc0jmb/如果我单击添加输入文本，则它可以工作，但是如果我单击删除输入文本，则它不起作用。我在控制台上检查，但没有错误我怎么解决这个问题？