Очищается форма: (нуждаюсь в подсказке

Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті

Добрый день, есть форма, в ней поля для ввода информации и кнопка ЕЩЕ, которая вызывает функцию на JS, которая добавляет еще строку таких же аналогичных полей, как сделать на моем примере чтобы при нажатии на эту кнопку все записи что были в полях до этого не исчезали?

<form action="output.php" method="post" id="myform"> 
<script language="JavaScript"> 
function myFunc( ) 
 { 
  document.getElementById("myform").innerHTML+="<br><input name="group[]" type="text" size="3"/>" 
  +"           " 
  +"<input name="chas[]" type="text" size="3"/>" 
  +"       " 
  +"<input name="pred1[]" type="text" size="30"/>" 
  +"       " 
  +"<input name="pred2[]" type="text" size="30"/>" 
  +"       " 
  +"<input name="aud[]" type="text" size="3"/><br>"; 
 
 } 
</script> 
<input name="group[]" type="text" size="3"/>            
<input name="chas[]" type="text" size="3"/>        
............. 
<input type="button" name="Button1" value="еще" onclick="myFunc();">  
<input type="submit" name="Button2" value="все">  
</form>