Clear form fields with jQuery
For jQuery 1.6+:
$(':input','#myform') .not(':button, :submit, :reset, :hidden') .val('') .prop('checked', false) .prop('selected', false);
For jQuery < 1.6:
$(':input','#myform') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected');
Please see this post: Resetting a multi-stage form with jQuery
Or
$('#myform')[0].reset();
As jQuery suggests:
To retrieve and change DOM properties such as the
checked
,selected
, ordisabled
state of form elements, use the .prop() method.