title: How to reset forms elements (input,select,textarea,etc.) on events using jQuery
body: <p>I need to reset forms elements after click span for example.</p>
  
  <p>Is there a method to reset the from by jQuery without select each element and remove the attribute value.</p>
  
  <p>Some of the elements not having attribute value like <strong>textarea or radio</strong></p>
  
  <p>And some like <strong>button</strong> I don't want to remove the value from it.</p>
  
  <p><em><strong>I want use jQuery to use the reset on other events</em></strong></p>
  
  <p>Code for example <a href="http://jsfiddle.net/pgNrF/" rel="noreferrer">http://jsfiddle.net/pgNrF/</a></p>
  
  <pre><code>&lt;input type="button" value="Input Button"&gt;
  &lt;input type="checkbox"&gt;
  &lt;input type="hidden"&gt;
  &lt;textarea&gt;&lt;/textarea&gt;
  &lt;span&gt;Reset&lt;/span&gt;
  </code></pre>