为什么jQuery的html（）函数会创建一个无限循环？

Question

我发现了这个奇怪的故障＆＃34;如果我尝试将HTML放在一个元素中，它就会开始无限循环。

以下是适用于正确

的代码

$.each(JSEFileNames, function(key, value){
  $.ajax({
     url: "/" + key,
     cache: false,
   }).done(function (r) {
     alert(r);
   });
 });

以下是创建无限循环的代码：

$.each(JSEFileNames, function(key, value){
  $.ajax({
    url: "/" + key,
    cache: false,
  }).done(function (r) {
   $("#searchBox").html(r); // here it starts to loop.
  });
});

这是我的完整代码： https://jsbin.com/hesaxezure/edit?html,js,output

是什么产生了这种奇怪的行为？任何帮助将不胜感激！