IE vägrar hämta upp värde mha getElementById()

Hej!

Har lite krux. Sitter och utvecklar ett webbspel. Jag trodde aldrig att det största problem skulle visa sig vara en funktion som kontrollerar ifall ett användarnamn är upptaget eller ej.

Har följande kod (som fungerar utmärkt i Firefox):

<script type="text/javascript">

	function checkUsername(a) {
	
		var req = new XMLHttpRequest();
		
		if (req) {
			req.onreadystatechange = function() {
				if (req.readyState == 4 && (req.status == 200 || req.status == 304)) {
					document.getElementById('result').innerHTML=req.responseText;
				}
			};
		
			req.open('GET', 'check.asp?username=' + document.getElementById('username').value);
			req.send(null);
		
		}
		
	}
	
</script>
<input type="text" id="username" name="username" /> <input type="button" value="Check availability" onclick="document.getElementById('result').innerHTML='Please wait...'; checkUsername(document.getElementById('username').value);" /> <span id="result"></span>

Allt fungerar i IE också förutom att den vägrar hämta upp något värde från document.getElementById('username').value

Något som är väldigt frustrerande. Någon idé om vad man kan göra åt detta?

Mvh
Christian