Question

I’ve attached a ‘click’ event to a ‘button’ element (type=submit) so that clicking on the latter element copies data from one field (input type=text) to another. However, the copy is only temporary and reverts to blank or default values.

Affecting Firefox/Opera/Chrome

Answer 1

When the submit button is clicked, it also submits the form, which causes a page refresh.

You’ll have to return false from your click event handler:

$('#theSubmitButton').click(function(){
    // code to copy values goes here
    return false;
});