html输出中的Jquery链接

Question

为什么这不可能？

$(function() { 
    $('.link').on('click', function(e) {
    alert('Works');
    });     
});

$(document).ready(function() {
$('#link').html('<a href="#" class="link">Link</a>');
});

HTML

<div id="link"></div>

如果我删除DIV并手动编写HTML：

<a href="#" class="link">Link</a>