Prompt при изменении innerHTML-a выдает undefined

Всем добра и мира! Знаете в чем может быть ошибка? Функция editPrompt при вызывании выдает undefined.

<table class="table">
    <tr>
        <th>Имя</th>
        <th>Фамилия</th>
    </tr>
    <tr>
        <td>Имя</td>
        <td>Фамилия</td>
    </tr>
    <tr>
        <td>Имя</td>
        <td>Фамилия</td>
    </tr>
</table>
<form action="" id="form">
    <input type="text" name="" class="name" placeholder="Фамилия">
    <input type="text" name="" class="surname" placeholder="Имя">
    <button type="submit" class="btn">Добавить строку</button>
</form>
var submit = document.querySelector('.btn');
var inputName = document.querySelector('.name');
var inputSurname = document.querySelector('.surname');
var table = document.querySelector('.table');
submit.addEventListener('click', addTr);
function addTr() {
    var tr = document.createElement('tr');
    var tdName = document.createElement('td');
    var tdSurname = document.createElement('td');
    table.appendChild(tr);
    tr.appendChild(tdName);
    tr.appendChild(tdSurname);
    tdName.innerHTML = inputName.value;
    tdSurname.innerHTML = inputSurname.value;
}
table.addEventListener('click', editPrompt);
function editPrompt(event) {
    var editInnerHTML = prompt('Введите значение', event.target.innerHTML);
    event.target.innerHTML = editInnerHTML.value;
}