When using jQuery naming Form elements with ID and name is a big no no

When I did my graduation design, I named my form element ID and name as nodeName:

 
<form> 

<input type="text" name="nodeName" id="nodeName"> 

........... 

</form> 

In chrome, you can see this error:

Uncaught TypeError: Object # < HTMLInputElement> Has no method 'toLowerCase'

After analysis, I found that it was the name of the form element.