Change image of the submit button when clicked once

I want to change the image of the submit button once a user clicks on the button…I have used the following code but it does not work…please help…

<script type="text/javascript">
    $(document).ready(function() {
        $('#button').one("click",function() {
            $(this).toggleClass("clicked");
        });
    });
	

	
</script>


<style type="text/css">
 #button {
	border: 0px;
	display: block;
	padding: 0px;
	width: 37px;
	height: 37px;
    }
   
    .default {
        background-image:url(he1.png);
		color:transparent;
		
		
		
    }
    .clicked {
        background-image:url(wi3.png);
		color:transparent;
    }


</style>


<input type="submit" id="button" class="default" />

Seems to me that you are submitting a form.
Do you have any code in place to stop form’s default submit action from taking place?