How to displace/transfer a template from one DIV to another without losing its any helper function or data


#1

Is there any way to change the position of a template from one container to another on triggering an event. without destroying/ Re-rendering it?

Suppose I have 2 DIVs as DIV-1 and DIV-2, I have already rendered a template in DIV-1. Now on the click event of a button I just want to copy the code of that template from DIV-1 and paste it into DIV-2 without destroying that template. What should I do??

e.g.
<button> Swap Template DIVs </button>

<div id="DIV-1">
{{> MyTemplate}}
</div>

<div id="DIV-2">
<!-- Template should be added here on click event -->
</div>