How to reset all changes after a click function?

Question

JavaScript

There is a code that makes changes to the h1 and img of the modal window.

$( "#example" ).click(function () {
   $( "#modal h1" ).html("Заголовок")
    $('#modal img').attr('src', '1d/main.png');
    ...
 });

How to reset all changes made in click to default state?
event.preventDefault()
does not work, but: removes click from the function altogether.
$( "#example" ).unbind( "click" );

Answer 1

No way. Write the code yourself.
Cancels browser actions.
unbind removes the click event handler from #example

Answer 2

jsfiddle.net/vno8r4nk/1