Удалить клонированный элемент JS

Хотелось, чтобы так и работало - но почему то не пашет https://jsfiddle.net/gvpkh976/

Потому что один input внутри <div class="st-box"> а второй нет. Клонируется то именно <div class="st-box">

Все верно, но почему при клонировании у третьего элемента тоже search2 ?

Так ты все сделай внутри <div class="st-box">

Два инпута внутри дива? https://jsfiddle.net/3vobgrmt/

Ничего не поменялось

Ты хоть смотрел свой первый код что там получается?

  <div class="st-box">

    <input type="text" id="search1" name="ref_name[]" class="st-reg-step2 no-line" placeholder="Please."/>

   </div>

  <div class="st-box">

    <input type="text" id="search2" name="ref_name[]" class="st-reg-step2 no-line" placeholder="Please."/>

   </div>

  <div class="st-box">

    <input type="text" id="search3" name="ref_name[]" class="st-reg-step2 no-line" placeholder="Please."/>

   </div>

---------- Добавлено 27.04.2020 в 03:54 ----------

Два дива и в каждом инпут

Samail, сори, где-то запутался! Спасибо за помощь!

Samail, я понял что меня сбило.

Вчера болел просто - голова не варила.

Чтобы показать вам проблему, я упростил свой код, но у меня внутри дива который нужно клонировать есть еще инпуты, примерно так

https://jsfiddle.net/vpqb6udo/

и тогда ваш код не добавляет единицу нужному инпуту. Можно ли это победить?

https://jsfiddle.net/20xLatrv/ тогда нужно искать первый инпут внутри st-box

'.st-box input:first-child'

или просто давить нужному инпуту класс которого не будет у других элементов и на него ориентироваться.

Прошу прощения, надо было сразу весь код привести, но зараза опять не срабатывает

вот реально как у меня https://jsfiddle.net/47o6zrq5/

и вроде бы нужный инпут первым в диве идет, т.е. реально input:first-child но не цепляет его...