Блог

У меня есть этот фрагмент 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, он отобразится и будет работать.
Чего мне не хватает?