JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div id='name'>
        Names <button class='add' type="button">Add more</button>
        <br/>
    <input id='name1' type="text">
    </div>
    <br/>
    <div id='song'>
        Songs <button class='add' type="button">Add more</button>
        <br/>
    <input id='song1' type="text">
    </div>
    <br/>
    <div id='city'>
        Cities <button class='add' type="button">Add more</button>
        <br/>
    <input id='city1' type="text">
    </div>
</form>

JavaScript

$('.add').click(function(){
   par_id=$(this).parent().attr('id');
   count=$("#"+par_id+"> input").length;
    id=par_id+(count+1).toString();
   $(this).parent().append("<br/><input type='text' id='"+id+"'>");
});