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() {


<style type="text/css">
 #button {
	border: 0px;
	display: block;
	padding: 0px;
	width: 37px;
	height: 37px;
    .default {
    .clicked {


<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?