JQuery error: missing (before formal parameters

Question

I have this jQuery script:

<script type="text/javascript"> $(document).ready(function{ $("#btnLogon").bind("click", function(){ $("#btnLogon").after('<span class="error">Please wait...</span>'); }); }); </script> 

In Firebug, I get an error

 missing ( before formal parameters 

What am I doing wrong here?

Answer 1

 $(document).ready(function{ 

it should be

 $(document).ready(function(){ 

Answer 2

 <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#btnLogon").bind("click", function(){ $("#btnLogon").after('<span class="error">Please wait...</span>'); }); }); </script> 

You lacked parentheses after function , in the second line.

Answer 3

You are missing an empty list of parameters in an anonymous function for a ready-made document handler.

You can also use click() as a shortcut to bind() .

You can also use event.target in your handler function, rather than selecting from the DOM again.

 $(document).ready(function(){ $("#btnLogon").click(function(e){ $(e.target).after('<span class="error">Please wait...</span>'); }); });