JSFiddle - React, Tailwind, and code Playground

by Hüseyin BABAL

HTML

<div class="panel-body panel-primary">
    <ul id="lista" style="list-style-type: none">
        <li id="listap">
            <form id="formPregunta" >
                <div class="form-group">
                    <label>Pregunta:</label>
                    <input type="text"> </input>
                </div>
                <div class="form-group">
                    <label>tipo respuesta:</label>
                    <select>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                     </select>
                 </div>
                 <div class="form-group">
                     <input class="bottom" type="button" value="agregar"> </input>
                 </div>
             </form>
        </li>
    </ul>
</div>

JavaScript

$(function () {
    $('input:button').on('click', function(e){
            e.preventDefault();
            var newF = $('#lista li').first().html();
            $('#listap').after(newF);

    });
});