Добрый день. Есть табличка. Хочу делать редактирование ячеек прямо в таблице. Пишу такой код:

  $(document).ready(function() {
	$("table").on('click', 'td', function(){
	  $(this).html("<input type='text' style='width:100%; height:100%; font-size:15px' value='"+$(this).text()+"'/>");
	}).on('click', 'td input', function(){
	  return false;
	}).on('blur', 'td input', function(){
	  $(this).parent('td').text($(this).val());
	});
  });

По клику открывается Input. Но при потере фокуса ничего не происходит. В чем моя ошибка? Как я понимаю, получается, когда одна ячейка на редактировании, и я кликаю по другой, выполняется $("table").on('click', 'td', function(), а не blur. Как это правильно исправить?

$(function(){
    $('td').click(function(){
        $(this).attr('contenteditable', true).focus();
    })
})