JQuery focusin在IE中表现不同

Question

我有一个HTML表格，每个单元格中都有一个input字段。在focusin上，我向单元格附加div（基本上是可调整大小的叠加层）。 Jquery代码：

$("input").on("focusin", function(){
  var selectionDiv = $("<div class='selection-div'><a href='#'></a></div>");
  $(this).parent().prepend(selectionDiv);
  selectionDiv.resizable();
  console.log("focusin");
}).on("focusout", function(){
  $(this).prev().remove();
  console.log("focusout");
});

当我点击单元格时出现问题。在Chrome中，会附加div，input会成为焦点。当我再次点击同一个单元格时，会调用focusout和focusin，并再次附加div。

但是在IE 11中，当我第二次在同一个单元格上单击时，只会调用focusout并删除div。是什么导致了这种行为？

我在这里有一个jsbin： http://jsbin.com/tasujuzoqo/1/edit?html,css,js,console,output