Удалить divs jquery

Итак, у меня есть это:

<script>
    {% block js %}
    $('#add_file').on('click', function(){
    html = '<div class = "row">';
        html += '<div class = "col s6 input-field">';
                html += '<input placeholder = "Komentaras" name = "file_description" type = "text" />';
        html += '</div>';
        html += '<div class = "col s2 top_20">';
                html += '<a class = "btn-floating red tooltipped delete"  data-position = "top" data-delay = "20" data-tooltip = "Trinti"><i class = "material-icons" id = "delete_files">delete</i></a>';
        html += '</div>';
    html += '</div>';

    $('#files').append(html);
});

    {% endblock %}
</script>

Этот блок кода генерирует и добавляет дополнительные div в зависимости от щелчка. Вопрос в том, как удалить каждый сгенерированный html один за другим, нажимая этот сгенерированный красный btn?