Why '$("#form")[0].reset();' works and '$("#form").reset();' not?
<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>