Symfony prototype rendering macro

prototype.html.twig

{% macro widget_prototype(widget, remove_text) %}
    {% if widget.vars.prototype %}
        {% set form = widget.vars.prototype %}
        {% set name = widget.vars.name %}
    {% else %}
        {% set form = widget %}
        {% set name = widget.vars.full_name %}
    {% endif %}

    <div data-content="{{ name }}">
        <a class="btn-remove" data-related="{{ name }}">{{ remove_text }}</a>
        {{ form_widget(form) }}
    </div>
{% endmacro %}


<div id="post_tags" data-prototype="{{ _self.widget_prototype(form.addresses, 'Remove address')|escape }}">
    {% for widget in form.addresses.children %}
        {{ _self.widget_prototype(widget, 'Remove address') }}
    {% endfor %}
</div>

<a class="btn-add" data-target="post_tags">Add address</a>

prototype.js

$(function(){
  $('.btn-add').click(function(event) {
    var collectionHolder = $('#' + $(this).attr('data-target'));
    var prototype = collectionHolder.attr('data-prototype');
    var form = prototype.replace(/__name__/g, collectionHolder.children().length);

    collectionHolder.append(form);

    return false;
  });
  $(document).on('click', ".btn-remove", function(event) {
    var name = $(this).attr('data-related');
    $(this).parent('*[data-content="'+name+'"]').remove();

    return false;
  });
});