Как добавить метку + текстовое поле

Question

Здравствуйте, я использую Symfony 4, и у меня есть связь OneToMany между машиной и ключевыми словами.Я хочу добавить и удалить label + input при нажатии на кнопку.

$(document).ready(function () {
     var $container = $('#car_keywords');
     var $index = $container.find(':input').length;    

    $('#key2').click(function(e){
           e.preventDefault();
         $('data-prototype:last-child').remove();
             $index--;
         });
     $('#key1').click(function (e) {
        e.preventDefault();
         addkeyword($container);
     });
     function addkeyword($container) {

         var template = $container
             .attr('data-prototype')
             .replace(/__name__label__/g, 'mot clé n°' + ($index + 1))
         .replace(/__name__/g, $index);


    var $prototype = $(template);
     $container.append($prototype);
     $index++;

    }

    });  

и это add.html.twig, где я добавляю динамическое поле:

{% extends "base.html.twig" %}

{% block body %}
<div class="container">
    <div class="section">
        <div class="row">
            <div class="col s12 m12">
                 <h1> l'ajout d'une voiture  </h1>   
                {% include "library/form.html.twig" %}
                <button  id="key1"  class="btn">Add keyword ?</button>
                <button  id="key2"  class="btn">remove keyword ?</button>
                <button type="submit" class="btn">Save</button>
                {{ form_end(form) }}
            </div>

        </div>
    </div>
</div>
{% endblock %}