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);
}
 
window.onload = moreFields;

<div id="readroot" style="display: none">
 <p class="hr"> </p>
 
 <input type="button" value="Remove review" style="font-size: 10px"
  onClick="
   this.parentNode.parentNode.removeChild(this.parentNode);
  "><br><br>
 
 <input name="cd_1" value="title">
 
 <select name="rankingsel_1">
  <option>Rating</option>
  <option value="excellent">Excellent</option>
  <option value="good">Good</option>
  <option value="ok">OK</option>
  <option value="poor">Poor</option>
  <option value="bad">Bad</option>
 </select><br><br>
 
 <textarea name="review_1">Short review</textarea>
 
 <br>Radio buttons included to test them in Explorer:<br>
 <input type="radio" name="something" value="test1">Test 1<br>
 <input type="radio" name="something" value="test2">Test 2
 
</div>
 
<form>
<span id="writeroot"></span>
 
<input type="button" value="Give me more fields!" onClick="moreFields()">
<input type="button" value="Send form" onClick="alert('Fake submit')">
 
</form>