Add to innerHTML without destroying form contents

Use DOM manipulation, in this case: Node.appendChild ^[docs].

innerHTML will always destroy and recreate the elements.

Are you open to use jquery? If yes then You can easily do something like this

$("#divid").append("html you want to append");

javascript html ajax dom innerhtml

Create a new element, set its innerHTML, than append it to the end of the forms' children.

CodeHunter