jQuery 日期选择器不适用于 ajax 生成的输入字段

我有一个输入字段，它是通过 Ajax 从服务器端生成的，并插入到当前页面中。我的问题是：当通过 Ajax 生成输入字段时，jQuery 日期选择器无法在输入字段上工作，但当字段直接放置在页面中时它可以工作。

下面，我提供了代码的缩小版本。

HTML 代码：

<form id="user-form"></form>

这是应该激活日期选择器的 jQuery 代码。

$.ajax({
    type: "GET",
    url: "/inputfield-loader.php" ,
    success: function(data) {
        $('#user-form').html(data);
        $("#datefield").datepicker();
    } 
});

这是inputfield-loader.php

<input type="text" name="firstname" id="firstname"></div>
<div><input type="text" name="email" id="email"></div>
<div><input type="text" name="birthdate" id="datefield"></div>
<div><input type="submit"></div>

正如我已经说过的，如果输入字段只是硬编码到页面中，则效果很好。但是，当作为 Ajax 调用的返回字符串插入 DOM 时，日期选择器不再起作用。

有人知道如何解决这个问题吗？

NOTE我已经更新了问题，包括根据 @AkshayKhandelwal 的评论准确显示正在发生的情况的代码

尝试这样

success: function() {
  $('#datefield').datepicker();
}