Why JS function name conflicts with element ID?

Question

I\'ve got two almost identical simple JS fiddles calling a function on select change. Function name is the same as select ID in both cases, but for some reason the first fid

Answer 1

http://jsfiddle.net/x79ey/1/

It looks to me like the form tag creates an additional scope around inline event handlers, and form elements are defined as variables in this local scope:

No variables are auto-defined globally in my tests, but this may vary across browsers/modes.