HTML Elements And Events Using E4x In FF1.5

I have been trying to do the following. Using JS I want to create an
input element (text box) and attach a event listener. I have done in
in two different ways. The first is using xml elements directly (as in
e4x) and the second using the dom method createElement (which is much
clunkier to write). I'd prefer the former. I've included a stripped
down example below.

It appears that when creating an input element using the line:

var inputBox = <input type="text" size="30" />

that it does not have the same properties as when it is created with:

var inputBox2 = document.createElement("input");

because when an event listener is attached using addEventListener, an
error is generated on the first, but not the second.

My thoughts on this are either
1. The namespace for the input element is not correct and whether input
can have a listener attached. However, my guess is that it would not
show up in the first div box. Code: