Someone

The javascript working on the page

function moreanswers() {
var appendDiv = document.getElementById(\'answerlist\');
var answers = document.getElementById(\'answers\');
answers.value = ++answers.value;
var newDiv = document.createElement(\'div\');
newDiv.innerHTML = \'<br>Answer #\' + answers.value + \' :<br><br><input name="answer[]" type="text" class="answer"><br>\';
newDiv.setAttribute("id",\'answer\' + answers.value);
appendDiv.appendChild(newDiv);
}

The HTML Inputs

<input type="hidden" value="2" id="answers" />
<div id="answerlist">Answer #1 :<br><br><input name="answer[]" type="text" class="answer"><br><br>Answer #2 :<br><br><input name="answer[]" type="text" class="answer"><br>
</div><br>
<input type="button" onclick="moreanswers()" value="More Answers" class="StdWidth"/>