title: clear data in screen with reset button
body: <p>I need to clear all values in Textbox, Radiobutton, Dropdown and checkbox in my view by clicking reset button.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;medication&lt;/head&gt;
  
  &lt;body&gt;
  
    &lt;form id="form1" name="zoo"&gt;
      &lt;h2&gt;MEDICATION&lt;/h2&gt;
      &lt;div class="med"&gt;
        &lt;pre&gt;        
          &lt;label&gt;dropdown1&lt;sup&gt;*&lt;/sup&gt;&lt;/label&gt;@Html.DropDownListFor(Model =&gt; Model.medication, Model.medication,"Select dropdown1", new { style = "width:200px; height :30px" })   &lt;button style="height:30px;" onclick="opendropdown1()" ;&gt;search&lt;/button&gt;    
          Prescription Date  &lt;input type="date" class="sizetestdate" name="testdate" style="width:140px;height:30px;" value=""&gt;&lt;br /&gt;
          &lt;label&gt;text1&lt;/label&gt;&lt;input type="text" size="25" style="height:30px;" id="dir" name="dir"/&gt; 
          electronic  &lt;input type="radio" name="yes" id="yes" /&gt;Yes&amp;nbsp;&lt;input type="radio" name="yes" id="no"/&gt;No&lt;br /&gt;
        &lt;/pre&gt;
      &lt;/div&gt;
    &lt;/form&gt;
    &lt;hr /&gt;
    &lt;div class="wrapper"&gt;
      &lt;input type='reset' value='Reset' name='reset' onclick="return resetForm(this.form);"&gt; &lt;/div&gt;
    &lt;div&gt;
      &lt;script src="~/Scripts/reset.js"&gt;&lt;/script&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('form[name="zoo"] input:reset').click(function () {
      $('form[name="zoo"]')
          .find(':radio, :checkbox').removeAttr('checked').end()
          .find('textarea, :text, select').val('')
  
      return false;
  });
  </code></pre>