Problem with the innerHTML the content of a DIV

Question

Hey guys,

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?

JavaScript

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

HTML

<input type="text" id="userQuery" onkeydown="displayTable()"/>
<br/>
<div id="retailerDiv">
Now
</div>

Answer 1

The code you posted works fine. Perhaps edit and post all of your source, or link to your page on the web. I don't have any problems with this working in Firefox 3.5 or IE8:

<HTML>
<HEAD>
    <script type="text/javascript">
        function displayTable() 
        {
            document.getElementById('retailerDiv').innerHTML = '<a>HEY!</a>';
        }
    </script>
</HEAD>
<BODY>
    <input type="text" id="userQuery" onkeydown="displayTable()"/>
    <br/>
    <div id="retailerDiv">
        Now
    </div>
</BODY>
</HTML>