Javascript-форум - встроенное редактирование

всем добрый день!.. помогите, пожалуйста, в таком вопросе, не могу понять, почему этот код не работает:
есть вот такая структура (динамически добавляемая):
"<li class='list-group-item'><input class='check' type='checkbox'><div class='item'>" + value + "</div>"

value - это текст из инпута

моя задача - чтобы в динамически созданной записи я мог даблкликом на ".item" получить возможность редактировать запись, затем нажав Enter - сохранить новый текст в записи, а если Escape - то остается старый текст

$(document).on("dblclick", '.item', replaceHTML);
	
	function replaceHTML() {
		var oldText = $(this).html();
		$(this).html("<input type='text' class='editBox' />");
		$(this).change(function() {
			var newText = $(this).html();
			$('.editBox').on('keydown', function(event) {
				if(event.wich == 13) {
					$('.item').val() = newText;
				} else {
					$('.item').val() = oldText;
				}
			});
		});
		
	};