Assigning values to text boxes in IE

I have this code which works perfectly in FF, but not in IE. All I want is to fill in values in the second and third text boxes based on what the user enters in the first text box:

Javascript:

[CODE]function updateFields() {
var room = document.getElementById(‘room’);
var level = document.getElementById(‘level’);
var area = document.getElementById(‘area’);
if (room.value == ‘1001’||room.value == ‘1012’ || room.value == ‘1151’ || room.value == ‘1301’ || room.value == ‘1504’ || room.value == ‘1627’) {
level.value = ‘1’;
area.value = ‘A’;
}[/CODE]

HTML:

[CODE] <label>Room Number: <input type=’text’ style=’font-family:verdana;width:75px;font-size:12px’ id=’room’ value=” onchange=”updateFields();” /></label>
<label>Level: <input type=’text’ style=’font-family:verdana;width:75px;font-size:12px’ id=’level’ value=” /></label>
<label>Area: <input type=’text’ style=’font-family:verdana;width:75px;font-size:12px’ id=’area’ value=” /></label>[/CODE]

It seems so simple, I don’t know why IE is being fussy.

Thanks.

Also in #JavaScript _↴