jquery 'option' appending issue with select object
<p>i am  making a select object as well appending the options, everything going well. but the options never appending to select object.. any help?</p>

<pre><code>if (el.type === 'select') {
    element = $('&lt;label&gt;' + el.label + '&lt;select&gt;&lt;/select&gt;&lt;/label&gt;').attr({
        id: el.id,
        name: el.name
    }) //my select object
    var options = ""
    $.map(el.options, function(option, i) {
        options += '&lt;option' + option.value + '&gt;' + option.text + '&lt;/option&gt;';
    })
    $(element).append(options); // never append to select object
    console.log(options); //it prints properly like : &lt;option&gt;Select Country&lt;/option&gt;&lt;optionin&gt;India&lt;/option&gt;&lt;optionus&gt;United Stated&lt;/option&gt;&lt;optionuk&gt;United Kingdom&lt;/option&gt;&lt;optioncn&gt;Canada&lt;/option&gt;
}​
</code></pre>

<p>what would be the issue then? anything wrong?</p>
