[danik.js]

<script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
var memryForm;
function copy(){
   $("#copy").html("");
   memryForm.clone().appendTo("#copy")
}
$(document).ready(function(){
  memryForm=$("#form").clone();

  $("#form *").on('change',function(){
       memryForm=$("#form").clone();
  });

});
  </script>


<form id="form" style="border:3px ridge #B6CEFB;padding:8px;">
  <input type=text><Br>
  <input type=hidden value="1"><Br>
  <input type="radio" name="browser" value="firefox"> Firefox<Br>
  <input type="radio" name="browser" value="firefox"> Opera<Br>
   <p><select name="hero[]">
    <option disabled selected>Выберите героя</option>
    <option value="Чебурашка">Чебурашка</option>
    <option value="Крокодил Гена">Крокодил Гена</option>
   </select></p>
</form>
<input type=button value="Получить Дубликат сохранённого" onclick="copy()" /><Br><Br>
===============================
<div id=copy></div>

$("#copy").html("");

Это заменяется на $('#copy').empty()

$("#form *").on(

Это очень топорно и нерационально. Что, всем p, option, button, br и тд тоже будем навешивать обработчик onchange?
Делается это так:

$('#form').on('change', function() {..})