var counter = 0;

function moreFields()
{
     counter++;
     var newFields = document.getElementById('readroot').cloneNode(true);
     newFields.id = '';
     newFields.style.display = 'block';
     var newField = newFields.childNodes;
     
     for (var i=0; i < newField.length; i++)
     {
         var theName = newField[i].name ;
         if (theName)  newField[i].name = theName + counter;
         
     }
     var insertHere = document.getElementById('writeroot');
     insertHere.parentNode.insertBefore(newFields, insertHere);
}
//I do not want to show any fields when form is loaded.
window.onload = moreFields;