模糊事件不会触发由jquery

Question

我创建了一个jsfiddle来演示这个问题 https://jsfiddle.net/f4edp57b/16/

基本上，模糊事件在单击表格单元格时运行，但如果我清除表格并使用jquery重新填充，则模糊事件不再运行（下面的代码 - 也参见jsffiddle）。有什么想法，即使在JS重写了表之后我怎么能把事件搞定？

HTML＆gt;＆gt;＆gt;

<table id="tasksTable">
  <tr>
    <td class="taskQuantityCol" contenteditable="true">Blurred does Run</td>
  </tr>
</table>

<button id="refreshButton">
  Refresh
</button>

JAVASCRIPT＆gt;＆gt;＆gt;

$(document).ready(function () {

    $('.taskQuantityCol').blur(function() {
        console.log("blurred");
    });

  $('#refreshButton').click(function() {
    $("#tasksTable > tbody").empty();
    $('#tasksTable').append('<tr><td class="taskQuantityCol" contenteditable=\'true\'>Blurred doesnt Run</td>');
  });
});