Как сделать очистку формы на JS?
Я думаю на js это легче всего сделать так:$('.reset').on('click', function() {
    $(this).closest('form').get(0).reset();
});
Или еще проще - выводить кнопку с type==reset и будет работать нативный функционал без всякого js<input type="reset"  value="Сбросить">
Почему не работает такой вариант JSскрипта очистки input от значений value<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Стартовая страница</title>
<script>
$("input[type=button]").click(function() {
    $(this).closest('form').find(':input','option:selected')
     .not(':button, :submit, :reset, :hidden')
     .val('')
     .removeAttr('checked')
     .removeAttr('selected');    
});
</script>
</head>

<body>
<form action="" id="myform" method="post">
First Name: <input type="text" name="txtFirstName" id="txtFirstName" value="Vasy" /><br />
Last Name:  <input type="text" name="txtLastName" id="txtLastName"  value="Petrov" /><br />
<br />
<input type="button" value="Очистить">
</form>
</body>
</html>