[Java Script] ボタンをクリックするとdivを追加・削除する

Code

<div id="row-box">
    <div class="d-flex">
        <div class="form-group">
            <label>method</label>
            <input type="text" class="form-control" name="title" autocomplete="off" />
        </div>
        <div class="form-group">
            <label>condition</label>
            <input type="text" class="form-control" name="title" autocomplete="off" />
        </div>
        <div class="form-group">
            <label>value</label>
            <input type="text" class="form-control" name="title" autocomplete="off" />
        </div>
    </div>
</div>

var count = 0

$('#add-row').click(() => {
    count = count + 1
    $('#row-box').append(`
                    <div class="d-flex index-${count}">
                        <div class="form-group ">
                            <label>method</label>
                            <input type="text" class="form-control" name="title" autocomplete="off" />
                        </div>
                        <div class="form-group">
                            <label>condition</label>
                            <input type="text" class="form-control" name="title" autocomplete="off" />
                        </div>
                        <div class="form-group">
                            <label>value</label>
                            <input type="text" class="form-control" name="title" autocomplete="off" />
                        </div>
                    </div>`)
})

$('#remove-row').click(() => {
    $(`.index-${count}`).remove()
    count -= 1
})

Screen

最初のRowは残したい
divごとのname, idを変えることができるように、countで追加したdivを区別した