вход клона без его значения

Question

Я хочу клонировать div и не хочу получать значение клонированного ввода, используя jquery и ejs. Проблема в том, что когда я создаю массив, в клонированном div я получаю все в порядке, кроме времени вводатолько для второго ввода Я хочу получить значение в третий раз, например

Я пытался очистить значение времени, например, клон Javascript без значений , но он не работает.

var state ='', type='', time= '';
  $('#state').change(function () {
     state = this.value;
  })
  $('#type').change(function () {
     type = this.value;
  })

  $('#addToilet').click(function () {
        setTimeout(function () {
          console.log( $('#toiletTime').val());
          time = '';
          $('#toiletContent').clone(true).appendTo('.another');
           time = $("#toiletTime").val();
           console.log(state);
             toilet.push({state, type, time});
             console.log('kk',toilet);
    },100)
})

мой HTML:

 <label>Toilet State</label>
          <select class="form-control col-md-6" id="state" name="">
            <option disabled selected>Select the State..</option>
            <option value="Urine">Urine</option>
            <option value="Stool">Stool</option>
          </select>
          <label>Time</label>
          <input type="time" class="form-control col-md-6" id="toiletTime" name="" value="">
          <label>Type</label>
          <select class="form-control col-md-6" id="type" name="">
            <option disabled selected>Select the Type..</option>
            <option value="Kind">Kind</option>
          </select>
       </div>
     </div>
  <div class="another">
    <p class="addNew" hidden>Add Another One</p>
  </div>

Answer 1

сбрасывает значение после клонирования

$('#toiletContent').clone(true).val('').appendTo('.another');

лучше, если вы поместите клонированный элемент в переменную и после его добавления

var clonedItem = $('#toiletContent').clone(true);

clonedItem.val('').appendTo('.another');