title: Why '$("#form")[0].reset();' works and '$("#form").reset();' not?
body: <p>I am using form reset method as below in my web pages</p>
  
  <pre><code>$("#form")[0].reset();
  </code></pre>
  
  <p>But when I use it like the below</p>
  
  <pre><code>$("#form").reset();
  </code></pre>
  
  <p>It is giving me error.</p>
  
  <p><strong>Why the first method is working and the later is not?</strong></p>
  
  <p>My page is working perfectly. But I would like the reason behind it. The solution is everywhere. But none of them describing the reason behind it.</p>
  
  <p><strong>Note:</strong> I checked <a href="https://stackoverflow.com/questions/3786694/how-to-reset-clear-form-through-javascript">here</a> and it shows so much answers. Nothing clearly defines the reason.</p>