Problem in setting the value in dropdown
<pre><code>$(document).ready(function () {
    $('#dropdown1').change(function (e) {

        $.get("Search.do", {
            dropdown1: $('#dropdown1').val(),
            dropdown2: $('#dropdown2').val(),
            action: 'load'
        }, function (s) {
            $("#dropdown1").html(s).css({
                'position': "fixed",
                'width': "100%"
            });

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

<p>In the above code everything is working fine but when I click dropdown 1 the drop down 2 size goes on decreasing.Also the value of the dropdown 2 get truncated.</p>

<p>Example:</p>

<p><code>HI:Hello</code> is the dropdown value means only <code>HI:</code> is setting to dropdown 2</p>
