12.6. Adding Functions

A common problem many designers and developers encounter is the separation of design from code. Many developers (in fact, I got you to do this in the very first example of this chapter), if asked to call a JavaScript function when a button is clicked, will write something such as this:

<input id="cmdTest" type="button" value="Hello jQuery"
       onclick="javascript:hellojQuery();" />

However, this is not the best way because it is very vulnerable to polo-neck wearing, snowboarding designer corruption, and it isn't standards compliant.

jQuery offers a neat solution with the .bind() method. The following code binds the hellojQuery() function to the click of the cmdTest button:

$("#cmdTest").bind('click', hellojQuery());''