Search jQuery

jQuery Forum

Can't get jQ submit() handler to work

in Using jQuery • 11 years ago

This code is almost verbatem from the jQ api submit() page (http://api.jquery.com/submit/). I cannot get it to work. What it suppose to do is display an alert and not do a submit.

I would REALLY appreciate it if someone could point out what I'm doing wrong:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
      function IndexFormReady (){
        $("#target").submit(function() {
          alert('Handler for .submit() called.');
          return false;
        });
      }
      $(document).ready(IndexFormReady());
    </script>
</head>
<body>
    <form id="target" action="noSuchPage.html">
      <input type="text" value="Hello there" required="required"/>
      <input type="submit" value="Go" />
    </form>
    <div id="other">
      Trigger the handler
    </div>
</body>
</html>