Converting this basic js into jquery has weird results
<p>I want to turn this:</p>

<pre><code>document.getElementById("associatedDisplayDiv").innerHTML += formatedResult;
</code></pre>

<p>... into jquery. </p>

<p>I've tried doing this:</p>

<pre><code>$("#associatedDisplayDiv").html( $("#associatedDisplayDiv").html() + formatedResult );
</code></pre>

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

<pre><code>&lt;input id="ctl00__mainContent__ERecordingsInputControl__moodsHidden" class="hiddenField" type="text" name="ctl00$_mainContent$_ERecordingsInputControl$_moodsHidden"/&gt;\
</code></pre>

<p>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? </p>

<p>Thanks</p>
