JSFiddle - React, Tailwind, and code Playground

HTML

<div id="start">Start</div>

<div id="container">
    
</div>

CSS

#container{
    border:thin solid #F00;
    width:200px;
    height:auto;
}
div,span{
    border:thin solid #F00;
    width:200px;
    height:auto;
    cursor:pointer;
    padding:3px;
}
input{
    margin:3px;
}

JavaScript

var i=1;
$('#start').one('click',function(){
    j=i++;
   $('#container').append('<input id="answer[]" type="text" value=""/><span id="add">Add</span>');
    $('#container').after('<div id="submit">Submit</div');
});

$('#add').live('click',function(){
     j=i++;
    $(this).after('<input id="answer[]" type="text" value=""/><span id="add">Add</span>');
    $(this).next().next().after('');
    $(this).remove(); 
});

$('#submit').live('click',function(){
    var x = $('#container > input');
    var qstring='op=insertquestion'; //additional para if u want to pass any
    $.each(x,function(index,value){
        var id = $(this).attr('id');
        var data = $(this).val();
        qstring += '&'+id+'='+data+'';
    });
    $('#start').before(qstring + '<br/>');
});