reset <div> to its original state after it has been modified by JavaScript?

how to reset <div> to its original state after it has been modified by JavaScript?

var divClone = $("#some_div").clone(); // Do this on $(document).ready(function() { ... })



$("#some_div").html("Yeah all good mate!"); // Change the content temporarily



// Use this command if you want to keep divClone as a copy of "#some_div"

$("#some_div").replaceWith(divClone.clone()); // Restore element with a copy of divClone



// Any changes to "#some_div" after this point will affect the value of divClone

$("#some_div").replaceWith(divClone); // Restore element with divClone itself

Mahmoud Anwar

Back End Developer with a passion for developing innovative web applications that expedite the efficiency and effectiveness of organizational success. Well-versed in technology and writing code to create systems that are reliable and user-friendly. Also has the proven ability to motivate, educate, and collaborate effectively to build web applications and effectively track changes. Confident communicator, strategic thinker, and innovative creator to develop software that is customized to meet a company’s organizational needs, highlight their core competencies, and further their success.