Converting this basic js into jquery has weird results

Question

I want to turn this:

document.getElementById("associatedDisplayDiv").innerHTML += formatedResult;

... into jquery.

I've tried doing this:

$("#associatedDisplayDiv").html( $("#associatedDisplayDiv").html() + formatedResult );

But this is not right, apparently. What happens is that this new line of code remove the value of a input somewhere:

<input id="ctl00__mainContent__ERecordingsInputControl__moodsHidden" class="hiddenField" type="text" name="ctl00$_mainContent$_ERecordingsInputControl$_moodsHidden"/>\

This is really weird because this line is the only thing I have to change to see this bug appear. So... what am I doing wrong?

Thanks

Answer 1

Yes, it is weird. Why don't you try append?

$("#associatedDisplayDiv").append( formatedResult );