title: ul listener to onchange event doesn't work in IE
body: <p>I have a list of <code>input</code>  </p>
  
  <pre><code>&lt;ul id="list"&gt;
      &lt;li&gt;&lt;input type="text" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="text" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="text" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="text" /&gt;&lt;/li&gt;
  &lt;/ul&gt;  
  </code></pre>
  
  <p>cause there are many of them , I let <code>ul</code> do a event delegation:  </p>
  
  <pre><code>function addHandler(element, type, handler) {
      if (element.addEventListener) {
          element.addEventListener(type, handler, false);
      } else if (element.attachEvent) {
          element.attachEvent("on" + type, handler);
      } else {
          element["on" + type] = handler;
      }
  }
  addHandler(document.getElementById("list"), "change", function(event) {
      event = event || window.event;
      var target = event.target || event.srcElement;
      if (target.nodeName === "INPUT") {
          alert(target.value);
      }
  });  
  </code></pre>
  
  <p>This works well in Chrome, Firefox, but not in IE, what's the problem?<br>
  Fiddle: <a href="http://jsfiddle.net/94ngc/" rel="nofollow">http://jsfiddle.net/94ngc/</a></p>