Problem with the innerHTML the content of a DIV
<p>For some reason, I can't change the contents of a DIV in either IE or Firefox.  Any ideas where I might be going wrong?</p>

<p>JavaScript</p>

<pre><code>function displayTable() {
 document.getElementById('retailerDiv').innerHTML = '&lt;a&gt;HEY!&lt;/a&gt;';
}
</code></pre>

<p>HTML</p>

<pre><code>&lt;input type="text" id="userQuery" onkeydown="displayTable()"/&gt;
&lt;br/&gt;
&lt;div id="retailerDiv"&gt;
Now
&lt;/div&gt;
</code></pre>
