Приветствую всех! Помогите советом примером или инфой не могу разобраться в след коде
<body>
<div id="main">
<p><button id="add">Добавить строчку</button></p>
<div id="strSchet">
<p id="first">Сумма, р.</p>
<div id="counts">
</div>
</div>
</div>
</body>
$(document).ready(function() {
$('#add').click(function(){
$('#counts').prepend('<p><input type="text" id="edit" /><button id="save">Сохранить</button></p>');
$('#edit').focus();
$('#save').click(function() {
var val = $('#edit').val();
$('#edit').parent().empty().html(val);
});
});
$('#counts').on('click','p', function(e){
var t = e.target || e.srcElement;
var elm_name = t.tagName.toLowerCase();
if(elm_name == 'input' ) {return false;}
var val=$(this).html();
var code = '<input type="text" id="edit" value="'+val+'" /><button id="save">Сохранить</button>';
$(this).empty().append(code);
$('#edit').focus();
$('#save').click(function() {
var val = $('#edit').val();
$('#edit').parent().empty().html(val);
});
});
});
Проблема вот в чем! Поле добавляется все хорошо ввожу значение жму сохранить все ок! Но когда я начинаю редактировать поле обработчик отслеживает нажатие на P и соответственно при нажатии на тот же самый p который редактируется вылазят глюки. Как сделать так что бы не реагировал на нажатие активного p??