JavaScript: preserve fields after refresh

below is a javascript function which dynamically appends some fields to a form.
Using a submit button:
<input type = "submit" value = "More on this date" name = "more" onClick="AddText();">

i want to preserve these added fields if the page refreshed after clicking this button. Is this possible?
I really need your help. thanks.

-------------------------------------------------------------------------------------
     var fieldCount = 2;  #the first two fields
     var fieldCount1 = 2;

    function addSku() {

       fieldCount++;
       fieldCount1++;

       var node=document.createTextNode("GEAR (Enter SKU): ");
       document.getElementById("fs").appendChild(node);

       var newFriend = document.createElement('input');
       newFriend.type = 'text';
       newFriend.size = '17';
       newFriend.value = '';
       newFriend.onFocus = this.value="";
       newFriend.name = 'sku' + fieldCount;
       newFriend.id = 'sku' + fieldCount;
       document.getElementById('fs').appendChild(newFriend);

       var node=document.createTextNode(" ");
       document.getElementById("fs").appendChild(node);

       var newFriend1 = document.createElement('input');
       newFriend1.type = 'checkbox';
       newFriend1.name = 'gear' + fieldCount1;
       newFriend1.id = 'gear' + fieldCount1;
       document.getElementById('fs').appendChild(newFriend1);
   
   var node=document.createTextNode(" Review?");
   document.getElementById("fs").appendChild(node);

var newFriend2 = document.createElement('br');
document.getElementById('fs').appendChild(newFriend2);

     }