javascript adding inputs blank all :S

I have this javascript function:

<script>
fields = 5;
function addInput() {
if (fields <= 15) {
	document.getElementById('inputs').innerHTML += "<input type='text' value='' name='igraci[]' /><br />";
	fields += 1;
} else {
	document.getElementById('inputs').innerHTML += "<br />15 je dozvoljeno.";
}
}
</script>

And this PHP Code:

<form action="klan.php?id='.$kid.'" method="post">
   <p>
   <div id="inputs">
   </div>
   <input class="button" type="button" onclick="addInput()" name="add" value="Dodaj jos igraca" />
   <br /><br />
   <input class="button" type="submit" name="sacuvaj" value="Posalji pozivnicu igracima" />
   </p>
</form>';

Now i have problem, when i click on button to add inputs, it add inputs, then i write in inputs some value, and when i wonna add more inputs, when click to add it remove all values on all inputs that was there :S

How can i just add input, not to remove value on previous inputs ?

You need to create an element and append it to document. You are currently rewiring the innerHTML.

Since your question is actually a javascript question and not a php question, moving this to the correct forum section...

Then, can you or someone else give me an example, how to do that?

Anyone ? :S

There are working add an input field scripts posted all over the Internet. Have you even tried to search for one that appends a field?