JQuery append() doesnot actually inject html into the DOM

JQuery append() doesnot actually inject html into the DOM


I have to describe a weird problem here.When a checkbox is selected, I
make
an AJAX call. The data retrieved from this AJAX call is rendered in 2
dropdowns within a div. On a successful AJAX callback, I can see the
dropdowns on the page and in firebug. However, when I view page
source, I
see that particular div is empty as it was displayed on page load.
Also,
when the form is submitted, I do not get the request parameters for
those
two dropdowns. I don't understand what is going wrong here. If the
dropdowns
are rendered then they should be present in page source and request
parameters also.
The following line is in the for loop where i construct the selects
and
construction of options is not shown here for simplicity.
comphtml+='<div>'+instrFullName+'</div><br/><br/><select
id="compSideId">'+options+'</select>';
This is how I inject html into the div.
$("#compSideName").append(comphtml);