사용자가 입력한 값을 AJAX로 전송하고 UI가 사라진 후 다시 그 UI에 접근하면 종종 이전에 입력한 값을 지워주곤 한다. 지금까지는 $('[name=comment]').val(''); 이런 식으로 일일이 초기화 구문을 넣어 줬었다. 서식이 복잡하고 라디오 버튼이나 체크박스 같은 것이라도 있으면 꽤나 번거로운 일이다. 서식마다 코드도 다 다르고 말이다.

오늘 다른 내용을 찾아보다가 <input type="reset">이 있었다는 사실을 기억해냈다. 구구절절 서식을 초기화 해줄 필요 없이 $('#my-form').get(0).reset(); 해버리면 된다. 왜 존재하는지 알 수 없었던 기능을 이렇게 유용하게 쓸 수 있다니... 나만 몰랐던 건가?

게다가 이놈은 hidden 필드는 초기화 하지 않는다. 폼 밖에서 취한 액션과 폼 안에서 취한 액션을 구분할 수 있다는 말...아름답다.