用JQuery追加GSP元素

如标题所示

也许以前有人问过，但我找不到。也许我用错了搜索关键词

我正在尝试将子表单附加到GSP表单中。主要形式如下

<div>
    ------------ CHUNK OF INPUT CODES HERE -----------------
    <button id="addRow">Add Another Row</button>
    <div id="childForm">
    </div>
</div>

这里的想法是在子表单块中附加一个子表单，它是一个单独的GSP模板。通过按“添加另一行”按钮，子窗体将被追加到现有子窗体（如果有）的底部，并且只要按下该按钮，子窗体就会一直追加

那么，如何使用JQuery以这种方式附加子表单呢

我尝试了以下方法，但没有成功

$("#childForm").append("<div class='subaccordion'><g:render id='subForm' template='subForm'/></div>");

关于Jquery还有其他可能的想法吗

$('#addRow').click(function(){
$("#childForm").append("<div class='subaccordion'><g:render id='subForm' template='subForm'/></div>");
});

---

小提琴-

我也试过了。。。但由于g:render直接在脚本中渲染模板，因此它无法工作。我认为显示的错误消息是非法令牌。