通过Javascript插入DIV的对象将被移动到父对象

Question

我正在使用我从Themeforest.net购买的名为“AskMe”的主题。

它基于Bootstrap而且我遇到了一个看似相当复杂的问题。

每当我使用Javascript将对象放入表单页面上的<p>时，当网站加载时，该对象就在我试图将其置于<p>的外部。

例如，这里是我在PHP文件中使用的代码：

<div class="form-inputs clearfix">
    <p>
        <label class="required">Verification<span>*</span></label>
        <?=recaptcha_get_html(); ?>
        <span class="form-description">Beep boop, boop beep beep?</span>
    </p>
</div>

加载后，网站会这样做：

<div class="form-inputs clearfix">
    <p>
        <label class="required">Verification<span>*</span></label>
        <span class="form-description">Beep boop, boop beep beep?</span>
    </p>
    <?=recaptcha_get_html(); ?> <!-- actually shows the code though -->
</div>

此问题不仅限于reCAPTCHA。它也出现在NoUISlider插件和另一个UI滑块上。所有元素都被放在外面。

有什么想法吗？这是一个真正令人头疼的问题，我不想解决它。