Question

I am trying to issue a form reset to clear the contents back to there initial state. What is happening however, is that the form clears but also the browser refreshes. I have also tried putting the code inside a document ready but still the same. Can someone explain to me why this is happening. Thanks

<button id="AUSR_reset" class="resetbutton icon-right ui-state-default2 ui-corner-all"><span class="ui-icon ui-icon-circle-plus"></span>Reset</button>

<script language="javascript" type="text/javascript">


            $("#AUSR_reset").click(function() {

               $("#AUSR_adduser").get(0).reset();

            });

Answer 1

In order to rest the form elements use a reset button within the form. It will reset all the form elements without any js help.

<input type="reset" value="Reset" />