Jquery 我试图在单击按钮时将输入附加到父div，但它不起作用

我是jquery新手，我尝试在单击按钮时将输入字段动态附加到父div，但它不起作用。我正在尝试将包含输入的div添加到id为join的父div中

<script type='text/javascript'>
       $('#add1').click(function(){
           $('#join').append(" <div class="col-md-5">
          <div class="form-group form-md-line-input form-md-floating-label">
             <input type="text" class="form-control" id="form_control_1">
             <label for="form_control_1">Company name</label>
             <span class="help-block"></span>
          </div>")
       });
    </script>


    <div class="row" id="join">
       <div class="col-md-5">
          <div class="form-group form-md-line-input form-md-floating-label">
             <input type="text" class="form-control" id="form_control_1">
             <label for="form_control_1">Company name</label>
             <span class="help-block"></span>
          </div>
       </div>
       <!--/span-->
       <div class="col-md-5">
          <div class="form-group form-md-line-input form-md-floating-label">
             <input type="text" class="form-control" id="form_control_1">
             <label for="form_control_1">Company Location</label>
             <span class="help-block"></span>
          </div>
       </div>
       <div class="btn-toolbar col-md-2" style="padding-top: 20px;">
          <div class="btn-group btn-group-sm btn-group-circle">
             <button type="button" id="add1" class="btn red"><i class="fa fa-plus"></i></button>
             <button type="button" id="remove1" class="btn blue"><i class="fa fa-times"></i></button>
          </div>
       </div>
       <!--/span-->
    </div>

$（'#add1'）。单击（函数（）{
$（'#join'）。追加（“
公司名称
")
});
公司名称
公司地址

您遇到了双引号问题

“

请尝试使用单引号代替

”

如：

$('#join').append('<div class="col-md-5">
      <div class="form-group form-md-line-input form-md-floating-label"> \
         <input type="text" class="form-control" id="form_control_1"> \
         <label for="form_control_1">Company name</label>\
         <span class="help-block"></span>\
      </div>');

$（'#join'）。追加（'
\
\
公司名称\
\
');

希望这有帮助

$（'#add1'）。单击（函数（）{
$（'#join'）。追加（'公司名称'）；
})；

公司名称
公司地址

您遇到了双引号问题

“

请尝试使用单引号代替

”

如：

$('#join').append('<div class="col-md-5">
      <div class="form-group form-md-line-input form-md-floating-label"> \
         <input type="text" class="form-control" id="form_control_1"> \
         <label for="form_control_1">Company name</label>\
         <span class="help-block"></span>\
      </div>');

$（'#join'）。追加（'
\
\
公司名称\
\
');

希望这有帮助

$（'#add1'）。单击（函数（）{
$（'#join'）。追加（'公司名称'）；
});

公司名称
公司地址
对不起，我的英语不好，请在附加后使用单引号，检查工作代码段


$（'#add1'）。单击（函数（）{
$（'#join'）。追加（'公司名称'）
});

公司名称
公司地址
对不起，我的英语不好，请在附加后使用单引号，检查工作代码段


$（'#add1'）。单击（函数（）{
$（'#join'）。追加（'公司名称'）
});

公司名称
公司地址
文件准备就绪？文件准备就绪？