Symfony Form Collection add/delete links

collections-add-delete-links.js

$(function(){
  // setup an "add a tag" link
  var addLink = $('<a class="btn btn-primary add"><i class="icon-plus icon-white"></i></a>');
  var deleteLink = $('<a class="btn btn-danger remove"><i class="icon-trash icon-white"></i></a>');

  function addLinkClick(e) {
    e.preventDefault();

    var collection = $(this).closest('.collection-allow-add');

    var count = collection.children().length - 1;

    var prototype = collection.data('prototype').replace(/__name__/g, count);
    prototype = $(prototype).wrap('<li>').parent();

    if (collection.hasClass('collection-allow-delete')) {
      prototype.append(deleteLink.clone().click(deleteLinkClick));
    }

    $(this).parent().before(prototype);
  }

  function deleteLinkClick(e) {
    e.preventDefault();
    $(this).parent().remove();
  }

  $('form .collection-allow-delete').each(function(){
    $(this).children().append(deleteLink.clone().click(deleteLinkClick));
  });

  $('form .collection-allow-add').each(function(){
    if (!$(this).data('prototype').length) return;

    var li = $('<li/>').append(addLink.click(addLinkClick));
    $(this).append(li);
  });
});