Добавление новой строки в таблицу
 

Добрый вечер. Я еще только учусь программировать на JavaScript. Нужна помощь.
Задача такая: есть таблица из двух столбцов с именами и фамилиями людей. Под ней находится форма (два инпута и кнопка), при заполнении которой в таблицу должна добавиться новая строка с введенными данными. Я написал код, строка добавляется, но при этом тут же странным образом исчезает, вот что есть: https://codepen.io/colod/pen/YjOGEg.
Пробовал сделать при помощи функций из DOM2(insertCell, insertRow и т.д.), проблема не исчезает. Заранее спасибо.

VladislavCW,
<input type='button' value='+' id='sub'>

Спасибо. Раньше всегда писал 'submit', и все работало. Теперь буду знать, что лучше писать 'button'.

можно отменить отправку формы

function func(event) {
    event.preventDefault();
	var b = document.getElementsByTagName('form')[0].children;
	addStr(b[0].value, b[1].value);
}