jQuery event handler not working

javascript, jquery

Solution

You need to do:

$(function() { //equal to $(document).ready() {
  $('#new_key').submit(function() {
    alert('Handler for .submit() called.');
    return false;
  });
});

The form may not be ready to be bound to when you're calling, so you need to wrap it to execute and rig up the handler when the document is ready.

Problem

I can bind a jquery event to this element like: ``` <script type="text/javascript"> $('#new_key').ready(function() { alert('Handler for .submit() called.'); return false; }); ``` It works as expected but if i do: ``` <script type="text/javascript"> $('#new_key').submit(function() { alert('Handler for .submit() called.'); return false; }); ``` it dont work. does anybody knows why? what am i missing?

Original source