Записывать данные в соответствующие дочерние элементы html при клонировании

//my google app backend function with data    
var numbers = [1, 2, 3]
var stats = ["Валовый доход", "Кол-во клиентов", "Кол-во размещенной рекламы"]

var stats = {

  statNumbers: numbers,
  statStats: stats
}



//select initialization
document.addEventListener('DOMContentLoaded', function() {
  var getstats = getStats();
  var elems = document.querySelectorAll('select');
  var instances = M.FormSelect.init(elems);
});


//getting stats object
function getStats() {

  google.script.run.withSuccessHandler(processStats).statsObj();
  google.script.run.withFailureHandler(showError).statsObj()

  return;
}


//creating dynamic stats fields in the form
function processStats(stats) {

  //name first statistic with the last number
  var firstStat = document.getElementById("statName").innerHTML = stats.statNumbers[stats.statStats.length - 1] + ". " + stats.statStats[stats.statStats.length - 1]

  //mother div
  var motherDiv = document.getElementById("motherDiv")

  //sample row to copy
  var statRow = document.getElementById("statsample");

  //loop stat names
  for (var i = 0; i < stats.statStats.length - 1; i++) {

    var statName = stats.statStats[i]
    var statNumber = stats.statNumbers[i]

    //cloning the original row
    var clonedRow = statRow.cloneNode(true)

    //setting unique ID to whole row
    var rowId = clonedRow.id = "statsample" + i

    //setting unique ID to stat div
    var clonedStatID = motherDiv.getElementsByClassName("statClass")[0].id = "statName" + statNumber

    //stat titles (except first one)
    var statHtml = document.getElementById(clonedStatID).innerHTML = statNumber + ". " + statName;

    var err = document.getElementById("err").innerHTML = motherDiv.children.length

    //appending it to the mother div
    //motherDiv.appendChild(clonedRow);
    motherDiv.insertBefore(clonedRow, motherDiv.children[0]);

  }
  return;
}



function showError() {

  var err = document.getElementById("err").innerHTML = "There was an error."
}

<!--Import Google Icon Font-->
<link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">

<!-- Compiled and minified CSS -->
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<div id = "motherDiv">
  <!-- mother div -->

  <div class = "row" id = "statsample">

    <div class = " input-field col s3 #fffde7 yellow lighten-5">
      <h6 id = "statName" class = "statClass"></h6>
    </div>

    <div class = "input-field col s3">
      <select class = "icons browser-default" id = "weeksSel4">
        <option value = "" disabled selected>Неделя</option>
      </select>
    </div>

    <div class = "input-field col s2">
      <input id = "numbers" type = "text" class = "validate">
      <label for = "numbers">Значение</label>
    </div>

    <div class = "input-field col s1.5">
      <select class = "icons browser-default" id = "measure">
        <option value = "" disabled selected>Ед. изм:</option>
        <option value = "">шт.</option>
        <option value = "">%</option>
        <option value = "">$</option>
        <option value = "">руб.</option>
        <option value = "">грн.</option>
      </select>
    </div>

    <div class = "input-field col s2.5">
      <a class = "waves-effect waves-light btn-small #039be5 light-blue darken-1" style = "float: right;" id = "btn1row"><i class = "material-icons right">send</i>Ввести</a>
    </div>

  </div>
  <!-- row end -->
</div>
<!-- mother div end-->

<div id = "err"> </div>