[JavaScript] Dingsta input value

Sveiki, turiu problemėlę, dive surašyti keli inputai su informacija (value užpildyti iš anksto). Tačiau kai paspaudi, kad pridėtų dar vieną input, informacija iš ankstesniųjų dingsta. Create element naudoti negaliu, kadangi paskui tuos input tenka naikint.. Taigi klausimėlis, kaip pridėti papildomus input, kad informacija nedingtų? Kodas apačioje:

<div id="kazkas">
<input type="text" name="aaa" value="blabla" id="miaau"/>
</div>
<input type="button" value="Pridėti klausimą" onClick="AddItem();"/>


<script type="text/javascript">
function AddItem() {
newitem='<input type="text" name="bbb" value="Anything you want" id="soo"/>';
document.getElementById('kazkas').innerHTML+=newitem;

}
</script>

megink naudok input1

input2 ir t.t kažkada susidūriau su tuo

Sveiki, turiu problemėlę, dive surašyti keli inputai su informacija (value užpildyti iš anksto). Tačiau kai paspaudi, kad pridėtų dar vieną input, informacija iš ankstesniųjų dingsta. Create element naudoti negaliu, kadangi paskui tuos input tenka naikint.. Taigi klausimėlis, kaip pridėti papildomus input, kad informacija nedingtų? Kodas apačioje:

 

<div id="kazkas">
<input type="text" name="aaa" value="blabla" id="miaau"/>
</div>
<input type="button" value="Pridėti klausimą" onClick="AddItem();"/>


<script type="text/javascript">
function AddItem() {
newitem='<input type="text" name="bbb" value="Anything you want" id="soo"/>';
document.getElementById('kazkas').innerHTML+=newitem;

}
</script>

Gal taip:

<script type="text/javascript">
function AddItem() {
var new_input = document.createElement("input");
new_input.type='text';
new_input.name='bbb';
new_input.value='Anything you want';
new_input.id='soo';
document.getElementById('kazkas').appendChild(new_input);
}
</script>

O gal tiesiog panaudoti jQuery?

Ačiū, bet neveiks, nes truputį ne taip parašiau script.

Turi pridėti <div id="betkas">cia tas input</div> :)