I have found solution to this so I'll answer my own question in case anyone wants to know.

The key to the whole thing is jQuery clone() function.

Basically you work with two DOM objects:

1 - Link which opens a modal - has class named modal_details_opener

2 - Modal HTML itself - main <div> has id named modal_details

First you will need JavaScript callback function, I will call it a callback().

So in global scope at the end of the .js file or when document is ready, you register callback() when link which opens modal is clicked:

$('.modal_details_opener').click(callback);

Remember modal body has links inside itself which open that same modal.

So inside callback() body we have to:

1 - Find the modal on the document

2 - Clone it

3 - Modal inside it's body has links which open that same modal again, find those links and recursively bind callback() function on their click event

function callback() {

    // Find modal body on the document

    var $currentDetailsModal = $('#modal_details');



    // Clone modal and save copy

    var $cloneDetailsModal = $currentDetailsModal.clone();



    // Find links in this modal which open this modal again and bind this function to their click events

    $(.modal_details_opener, $cloneDetailsModal).click(callback);

}

Notice you have to pass cloned modal as a context to the $() function to isolate only to the links that are in each open modal clone.