how to add element to previous element(append) using jquery
<p>I have following code in jquery :</p>

<pre><code>var qtype ="&lt;select id='qtype'&gt;&lt;option&gt;qt1 &lt;/option&gt;&lt;option&gt;qt2&lt;/option&gt;&lt;/select&gt;";
var abc ="&lt;select id='t1'&gt;&lt;option&gt;Simple 1&lt;/option&gt;&lt;option&gt;Simple 2&lt;/option&gt;&lt;/select&gt;";
var xyz ="&lt;select id='t2'&gt;&lt;option&gt;Hard&lt;/option&gt;&lt;/select&gt;";
var pqr ="&lt;select id='t3'&gt;&lt;option&gt;Diff&lt;/option&gt;&lt;/select&gt;";

$("#qttype").html(qtype);
var qtype=$("qttype"); 
if(qtype== "qt1"){
 $("#t1").change(function(){        
    $("#abc").change(function(){
     $("#divid").html(abc+xyz);
         $("#divid").html(abc+xyz+pqr);

 });  }
</code></pre>

<p>but it does not properly append element i mean when i change "simple 1" this shows second combo box with "xyz" but when I again click it show me double appended element i want to display only once when i change the combobox values.</p>
