jump between pages

I have a multi-page form on my site and I have created icons for the different pages. I have also added functions that stores the data to database and recalls their answers when they come back to the form. Once they have completed the form once. I don't want them to have to click through every page to change an answer... What I am trying to accomplish is letting the user click the image and jump to that page.

I have designed the images/icons to work as a progress bar.. They are gray until they reach that page, then they are green. I have added these icons in a html block at the top of each page and have added the following code to them.

<input type="image" src="http://leafywallet.com/wp-content/uploads/2012/07/button_1.png" width="60" height="60" onclick="jQuery("#gform_target_page_number2_3").val('3'); jQuery("#gform_3").trigger("submit",[true]); ">

With the value changing for a particular page.. but, when they click on any of the images, it only goes to next page.

How would I do this?

this was a typo

<input type="image" src="http://leafywallet.com/wp-content/uploads/2012/07/button_1.png" width="60" height="60" onclick="jQuery("#gform_target_page_number2_3").val('3'); jQuery("#gform_3").trigger("submit",[true]); ">

this is what I have

<input type="image" src="http://leafywallet.com/wp-content/uploads/2012/07/button_1.png" width="60" height="60" onclick="jQuery("#gform_target_page_number_3").val('3'); jQuery("#gform_3").trigger("submit",[true]); ">

im not quite sure I follow?

header.php of the site theme?

Im so lost. Why am I adding this to the header and where does it need to go?

this needs to go in the header?

$(".button_2").click(function() {
     jQuery("#gform_target_page_number_3").val('3');
     jQuery("#gform_3").trigger("submit",[true]);
});

I am really lost here.

Is there an example somewhere that shows how to do this?

Hey guys.. Is there a developer that can help me this morning with the above mentioned help?