"Getting Started with jQuery" tutorial out of date

[schettino72]

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.

[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.

[brandon]

Replying to 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.

[MattPenner]

Replying to 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.