Как удалить блок, в котором находится кнопка?

Есть такая начальная разметка:

    <div class="inputs">
        <div class="form-group row">
            <div class="col-md-11">
                <input class="form-control value" type="text" name="values[]" value="" placeholder="Укажите значение атрибута">
            </div>
            <div class="col-md-1">
                <div class="btn btn-danger destroy">X</div>
            </div>
        </div>
    </div>
<a class="btn btn-primary" id="add">Добавить значение</a>

Для наглядности:

Новое поле и кнопка добавляются с помощью jquery по тыку на кнопку. Вот так:

    $(document).ready(function(){
        $('#add').click(function() {
            $('        <div class="form-group row">\n' +
                '            <div class="col-md-11">\n' +
                '                <input class="form-control value" type="text" name="values[]" value="" placeholder="Укажите значение атрибута">\n' +
                '            </div>\n' +
                '            <div class="col-md-1">\n' +
                '                <div class="btn btn-danger destroy">X</div>\n' +
                '            </div>\n' +
                '        </div>').fadeIn('slow').appendTo('.inputs');
        });
    });

Как оживить кнопку на удаление, чтобы она удаляла кусок той разметки, в которой она находится?