Jquery, adding input element
<p>i have successfully added input element into div, which looks like this :</p>

<pre><code>$(document).ready(function() {
  $('#jumlah').change(function() {
 var jum = $('#jumlah').val();

 for(i=1;i&lt;=jum; i++){
     $('#jawaban').append('&lt;label&gt;Jawaban Soal ' + i + ' : &lt;/label&gt;&lt;input type="text" name="jawab'+i+'" id="jawab[]" size="2" maxlength="1" /&gt;&lt;br&gt;');
 }
  });
});
</code></pre>

<p>and some my HTML codes are :</p>

<pre><code>&lt;select name="jumlah" id="jumlah" class="test"&gt;
    &lt;option value="0" selected="selected"&gt;choose value&lt;/option&gt;
    &lt;?php
  for($i=1;$i&lt;=20;$i++)
   echo("&lt;option value=\"$i\"&gt;$i&lt;/option&gt;");
 ?&gt;
&lt;/select&gt;

&lt;div id="jawaban"&gt;&lt;/div&gt;
</code></pre>

<p>but when i choose different value, it appends more input elements under the first ones, for example, if i choose option 2 and then option 3 it will look like :</p>

<pre><code>Jawaban Soal 1 : &lt;input /&gt;
Jawaban Soal 2 : &lt;input /&gt;
Jawaban Soal 1 : &lt;input /&gt;
Jawaban Soal 2 : &lt;input /&gt;
Jawaban Soal 3 : &lt;input /&gt;
</code></pre>

<p>Please help, i'm still junior in Jquery. I'm looking forward to your respond.</p>
