Поле формы встроенных рельсов с кнопкой

Question

У меня есть форма рельсов, в которой я могу динамически добавлять больше полей со следующим javascript.

<%= form_for(@service, url: services_create_path) do |form| %>

  <div class="form-group">
    <%= form.text_field :name, autofocus: true, :class=>"form-control", :placeholder=>"Service name" %><a href="javascript:;" id="addNewService" style="text-decoration: none;">Add more services</a>
  </div>

  <div id="serviceSet"></div>

  <div class="form-group">
     <%= form.submit :class=>"btn btn-primary pull-right" %>
  </div>
<% end %>


<script>
$(document).ready(function(){
    $('#addNewService').click(function(){
        $('div#serviceSet').append('<div class ="new_service"><input type="text" class="form-control" style="display: inline-block;" placeholder="enter more services">'+

            '<button class="btn btn-default" style="display: inline-block;" type="button">remove</button></div>' + '<br>'

        );
    });

    $("div#serviceSet").on('click', '.btn', function(){
        $(this).closest('.new_service').remove();
    });
});
</script>

Прямо сейчас кнопка remove отображается под вновь добавленной формой, поданной, как вы видите:

Как вставить поле формы вместе с кнопкой?