html 부분 (맨위/맨밑부분 생략)

<input type="button" class="btn btn-primary" value="추가" onClick="javaScript:add();"><br><br>
<div class="col-sm-10" id="url_list">

자바스크립트 부분

function add(){
	var seq	= document.getElementsByName("seq").length;
	var url_list	= document.getElementById("url_list");
	var new_hidden	= url_list.appendChild(document.createElement("input"));
		new_hidden.setAttribute("type", "hidden");
		new_hidden.setAttribute("value", seq);
		new_hidden.setAttribute("name", "seq");
	var new_label	= url_list.appendChild(document.createElement("label"));
		new_label.setAttribute("name", "goods_image");
		new_label.setAttribute("style", "width:40px; text-align:center;");
		new_label.innerHTML = seq+1;
	var new_input	= url_list.appendChild(document.createElement("input"));
		new_input.setAttribute("type", "text");
		new_input.setAttribute("class", "form-control");
		new_input.setAttribute("name", "image");
		new_input.setAttribute("style", "width:80%; display:inline;");
	url_list.innerHTML += "<br name='br[]'>";
}

이렇게 했을때 추가 버튼을 누르면 일단 추가는 잘 되는데, 

추가한 뒤 텍스트를 적고,

다시 추가 버튼을 누르면 적었던 텍스트 부분이 날아가 버립니다...

맞게 하긴 한거 같은데.. 뭐가 문제인지 잘 모르겠네요ㅠㅠ

도와주시면 감사하겠습니다 ㅠㅠ