"Getting Started with jQuery" tutorial out of date

I just started to use JQuery. I was folowing the tutorial "Getting Started with jQuery" and I got an error when trying to execute this example:

$(document).ready(function() {
   // use this to reset a single form
   $("#reset").click(function() {
     $("#form").reset();
   });
 });

Firebug:

$("#form").reset is not a function
[Break on this error] $("#form").reset();

I checked the API (and the code) and this event is not there. I guess it should. If not, the problem is in the tutorial.

Attachments (0)

Change History (4)

$("#form") is a jQuery object.

$("#form")[0] is the dom element.

$("#form")[0].reset() resets the form.

use $("#form")[0].reset() to reset your form.

component:	event → docs
summary:	No bind for 'reset' event → "Getting Started with jQuery" tutorial out of date

Replying to [comment:1 jakecigar]:

$("#form") is a jQuery object. $("#form")[0] is the dom element. $("#form")[0].reset() resets the form. use $("#form")[0].reset() to reset your form.

In addition to what Jake said the API was cleaned up a while back and it looks like maybe the tutorial hasn't been updated.

Replying to [comment:1 jakecigar]:

use $("#form")[0].reset() to reset your form.

I ran into this same problem and found this ticket. The tutorial needs to be updated.

In addition to jakecigar's fix for the single form use:

$("form").each(function() {
   $(this)[0].reset();
});

to reset all the forms on the page as the tutorial attempts to do.

resolution:	→ fixed
status:	new → closed

Side navigation