为什么jQuery的remove不是同步的？

Question

页面上有一按钮如下<button onclick="index.testClick()" >开始</button>该页面对应的js脚本如下var index = {    testClick: function () {        index.createBtn(function() {            index.sleep(10000);        });    },    sleep: function (n) {        var start = new Date().getTime();        while (true) {            if(new Date().getTime() - start > n)                 break;        }     },    createBtn: function (func) {        var    button = $('<button>测试</button>');        button.bind("click",function(){            button.remove();            func();            });            $('body').prepend(button);    },};为什么点击开始按钮再点击测试按钮之后，测试按钮实际上要sleep（是在同步的$.ajax请求上注意到的，这里用循环模拟）之后才移除？把sleep包到setTimeout里才能得到想要的效果……？