Javascript: удаление отображаемых объектов без ссылок с помощью jQuery.remove ()

У меня есть объекты, которые только ссылки являются элементами DOM, к которым они привязаны, и я не уверен, что если вызов $element.remove() фактически удаляет ссылку или только элемент DOM. Вот пример кода.

var Foo = function() {
    var constructor = function Foo() {
        var col = '#'+(Math.random()*0xFFFFFF<<0).toString(16);
        var $container = $('<div class="element" style="background-color:'+col+';"></div>');
        var $remove = $('<input type="button" value="Delete" />');
        $container.append($remove);
        $('#wrapper').append($container);

        $remove.on('click', function() {
            $container.remove();
        });
    };
    return constructor;
}();

$('#addElement').on('click', function() {
    new Foo();
});

И jsfiddle для людей, с которыми можно поиграть. Нажмите одну кнопку, чтобы добавить элементы, щелкните каждый элемент "Удалить", чтобы удалить его; от DOM по крайней мере.

Это не обязательно проблема для моего текущего проекта из-за небольшого масштаба, но я думаю, было бы действительно полезно узнать для будущей справки, если я когда-либо работаю над чем-то большим.

Если это не так, есть ли способ удалить объекты, не удерживая их в каком-то массиве?

EDIT: Хорошо, поэтому я как-то ответил на свой вопрос, используя снимки хром-кучи и добавив 10000 элементов на страницу. Вот важные данные. (Я включил HTMLInputElements, потому что большинство из того, что я вставляю, это)

                Initial         10,000          Removed
Memory          2.7MB           135MB           4.0MB
Objects         1,676           81,693          11,703
InputElements   1               59,995          1

Так что, кажется, сборщик мусора достаточно умен, чтобы удалить объекты, когда элемент DOM, ссылающийся на них, удаляется. Хотя это не идеально.