title: Form resetting is not working
body: <p>I'm using the following code to reset the form fields.</p>
  
  <pre><code>document.getElementById("form1").reset();//form1 is the form id.
  </code></pre>
  
  <p>It is not working. I also tried with <code>JQuery</code>. Even JQuery also not working.</p>
  
  <pre><code>$("#reset").click(function(){
  $('form1')[0].reset();
  });
  </code></pre>
  
  <p>My html code is</p>
  
  <pre><code>&lt;form name="form1" id="form1" method="post"&gt;
  &lt;h3&gt;Personal Information&lt;/h3&gt;
  &lt;h4&gt;Name&lt;/h4&gt;
  &lt;input type="text" id="fname" name="fname" maxlength=50 size=11/&gt;
  &lt;input type="text" id="mname" name="mname" maxlength=15 size=8/&gt;
  &lt;input type="text" id="lname" name="lname" maxlength=50 size=11/&gt;
  &lt;input type="button" id="reset" value="Reset" onclick="Reset()"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I'm following <a href="http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_form_reset" rel="noreferrer">W3Schools</a>. Here is my <a href="http://jsfiddle.net/ty9rU/" rel="noreferrer">Fiddle</a>. Can you please explain the mistake?</p>