Как удалить сгенерированное поле?

Нашел пример генерации поля по нажатию кнопки:

var n=2;

function add_surgeon(){
    document.getElementById('surgeon').innerHTML+='<br><input style="width: 100%" id="surgeon" name="surgeon" type=text >';
    n++;
}

Решил сделать от обратного, удаление поля по нажатию кнопки.

function remove_surgeon(){
    document.getElementById('surgeon').outerHTML-='<br><input style="width: 100%" id="surgeon" name="surgeon" type=text >';
    --n;
}

В итоге в файле такой скрипт:

var n=2;

function add_surgeon(){
    document.getElementById('surgeon').innerHTML+='<br><input style="width: 100%" id="surgeon" name="surgeon" type=text >';
    n++;
}

function remove_surgeon(){
    document.getElementById('surgeon').outerHTML-='<br><input style="width: 100%" id="surgeon" name="surgeon" type=text >';
    --n;
}

При нажатии кнопки "+" поле добавляется, а при нажатии кнопки "-" все поля исчезают появляется надпись NaN.
Как сделать, чтоб по нажатию кнопки удалялось поле?