jQuery的非直观行为生成了在循环中生成的DOM元素

Question

为什么这段代码

var body = $('body');
for(var i = 0; i < 5; i++){
    var span = $(document.createElement('span')).html('click here <br />').click(function(){
        console.log(i);
    });
    body.append(span);
}

当我点击元素时，

总是将5打印到控制台吗？

编辑：信用证转到@Bergi，指出我正确的方向。对不起，我错过了。