jQuery：无法添加g-recaptcha div标签

Question

我有这个HTML片段：

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<p class="gk-contact-fields">
  <input type="email" name="gk-contact-email" class="gk-required" placeholder="E-mail" value="">
  <input type="text" name="gk-contact-name" class="gk-required" placeholder="Name" value="">
</p>

我需要在表单的该部分中添加一个google recaptcha，所以我做了：

jQuery(document).ready(function(){
    jQuery('.gk-contact-fields').append('<div class="g-recaptcha" data-sitekey="6LcjFgoUAAAAAG7kjR01GaS7-bS-ZOvZL2eMiGyC"></div>');
});

但没有显示任何内容。或者更好的是，div是由内部创建的，看起来是空的。相反，如果我将该标签添加为原始hmlt，那么它就会显示并起作用。 我错过了什么？