Datatable插件无法自定义动态加载的表

在我的单页应用程序中，所有静态资源，js文件都是由主页加载的。然后在用户单击时动态加载该表。但是，数据表自定义并不应用于新加载的表div元素。

最简单的代码形式是

<div>Home Page</div>
<script src="jquery.js"></script>
<script src="datatable.js"></script>
<script src="datatable_jquery_ui.js"></script>
<script>
    $("div").on('click', function(e){
      console.log("div is clicked")
      $("div").html("<table><tr><td>jasmine</td><td>december</td></tr></table>")
      $("div table").dataTable()
    })
</script>

当用户单击div元素时，表被加载，但代码$("div table").dataTable()不起作用。