JQuery.on () not working

Question

I have the following:

<input type="submit" id="submit" value="Submit" /> 

Inside jQuery, I have the following:

 <script type="text/javascript"> $(document).ready(function () { $("#submit").on("click", function () { alert('test'); }); }); </script> 

This does not work. I am using IE9.

Can anyone find out which version of jQuery supports .on() ?

Answer 1

Use this version on

 $(function(){ $(document).on("click","#submit", function (e) { //e.preventDefault(); // if you want to prevent default form submission alert('test'); }); }); 

Answer 2

make sure you download jQuery.js , then try:

 $("#submit").click(function(){ alert("test"); }) 

Answer 3

Try the following alternatives:

  $('#submit').bind('click', function() { alert('Test'); }); 

OR

 $("#submit").click(function(){ alert("Test"); }); 

Answer 4

IE is not suitable for using "reserved" names as an identifier for an element.

Look at this fiddle, your code is great if you change the input id to something other than "#submit"

http://jsfiddle.net/6yAuz/3/

Answer 5

Make sure that the submit element that you are referring to actually exists when the document is loaded. If you create it dynamically, the 'on' function will not be able to bind it to.

Answer 6

I came across this using IE9 in compatibility mode. Please note: I had no problems using IE9 in normal mode.

I was able to do a more thorough QA for the site I just launched (time did not allow a lot of cross-browser testing, except for using the screenshot service). Change $ ("something"). On ("click" ...) to $ ("something"). Click () fixed the problem.