document.Formular.username.value funktioniert nicht

[MG]

hallo ich habe ein kleines problem. ich generiere meinen html code per javascript. wenn ich nun aus meinem username-input den wert haben will, passiert gar nichts. die onclick funktion funktioniert jedoch. wenn ich oben in doIt() im alert das document.Formular.username.value durch einen beliebigen string ersetze wird mir dierse ausgegeben. was mach ich denn hier falsch??

<script type="text/javascript">

function doIt(){
	alert(document.Formular.username.value);	
}
</script>

<p><img src="./img/Dock.jpg" width="100%" height="10%" border="4" alt="">
	<div id="LoginZone"  align="right"></div>

<script type="text/javascript">	
	var Form = document.createElement('form');
	Form.name = "Formular";
	Form.action = '';
	var UBox = document.createElement('input');
	UBox.type = 'text';
	UBox.name = 'username';
	UBox.id = 'username';
	UBox.size = '20';
	Form.appendChild(UBox);
	var Login = document.createElement('input');
	Login.type = 'button';
	Login.name = 'LogIn';
	Login.id = 'LogIn';
	Login.value = 'LogIn';
	Login.onclick=function() {doIt()};

</script>