Функция JS для удаления элемента не работает

Question

Я получил этот код здесь, на веб-сайте, и он отлично работает на jsfidle (http://jsfiddle.net/jaredwilli/tZPg4/4/), но когда я помещаю его на свой сайт, ссылка «удалить» ничего не делает, когда я нажмите здесь.

Примечание: Я уже заменил «живой» на «включено».

Код:

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> 

JS:

$(function() { 
     var scntDiv = $('#p_scents'); 
     var i = $('#p_scents p').size() + 1; 

     $('#addScnt').live('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').live('click', function() { 
       if(i > 2) { 
         $(this).parents('p').remove(); 
         i--; 
       } 
       return false; 
     }); 
}); 

Answer 1

Первое изменение, которое remScnt в class, так как он будет присутствовать в DOM более один раз,

Просто попробуйте следующее,

$(document).on('click','.remScnt', function() { 
    if(i > 2) { 
     $(this).parents('p').remove(); 
     i--; 
     } 
    return false; 
});