[Crenom]

Здравствуйте. Вопрос по нативному js:

Есть контейнер:
Нужно в него добавлять товары по нажатию на кнопку. Но при каждом нажатии на кнопку поля input обнуляются до дифолтных. Как мне сделать чтобы не обнулялись? Я это делаю так:

Html:

<div class = 'product_list' id = 'product_list'></div>
<input type="submit" value="Новый товар" onclick = 'add_newProduct ()'>

JS:

var productListObj = document.getElementById('product_list');
var productNumber = 0;

function add_newProduct ()
{
	productNumber = productNumber + 1;

	var NewProduct = "<div class = 'product'> \
			<div class = 'number'>"+productNumber+".</div><textarea id='product_name"+productNumber+"'>Название по дифолту</textarea> \
			<div class = 'product_parameters'> \
				<input type='text' value='0' id = 'price"+productNumber+"'> \
			</div> \
		</div>";

	productListObj.innerHTML = productListObj.innerHTML + NewProduct;
}