Javascript 添加带有JQuery“未捕获SyntaxError:意外标记非法”的嵌套表单

我正在使用Rails3和JQuery，并试图通过单击按钮将嵌套表单追加到我的主表单中。没有javascript，表单和嵌套表单就可以正常工作。我希望仅当用户单击按钮时才添加嵌套表单。他们还可以通过多次单击按钮来添加许多嵌套表单

在另一个线程上，有人说要使用ajax调用，onclick正在浏览器中执行，因此您不能在其中使用erb。你需要进行一个ajax调用。load是一个方便的快捷方式，可以将此调用发送到服务器，在服务器上，你可以使用erb呈现部分内容，以获得需要返回的html

有人知道我怎么能做到，或者我是否应该做到

我的javascript文件就是这样的。。 我的表格是 Jquery正在为所有其他函数工作。 错误是针对javascript第3行的，它是

var form = "<div class='form-group col-xs-3'>

---

未捕获语法错误：意外标记非法

如果要创建多行字符串，则需要在每行末尾放置\。否则，请将循环代码全部放在一行。

我将其全部放在一行中，单击时不显示，但显示为ETC。html div读取正确，但ruby不正确。

<%= form_for(@family) do |f| %>
  <form class = 'form-horizontal' role = 'form'>
    <div class='form-group'>
      <%= f.label :name %>
      <%= f.text_field :name, placeholder: @family.name %>
    </div>
    <button type="button" id="add-family-button" class="btn btn-warning">Add Family Member</button>

    <div id="child-forms-div" class='form-group'>
    </div>
    <div class='actions'>
      <%= f.submit %>
    </div>
  </form>
<% end %>

var form = "<div class='form-group col-xs-3'>