Javascript JQuery - dynamiczne dodawanie inputów

Question

Hej, mam taki mały problem. Chcę dynamicznie dodawać pola i nie wiem jak można to osiągnąć. Wstawiam kod jakby to statycznie wyglądało i teraz chodzi o to aby można było klikać jakiś + i dodawać je dynamicznie

<div class="row form-group">
    <div class="col-md-4">
        <label for="question_1" class="col-form-label">Odpowiedź 1</label>
        <input type="text" name="answers[0][question]" id="question_1" class="form-control">
    </div>
    <div class="col-md-3">
        <label for="question_1_true" class="col-form-label" style="margin-top: 37px">
            <input type="checkbox" name="answers[0][is_true]" id="question_1_true"> Prawda
        </label>
    </div>
</div>
<div class="row form-group">
    <div class="col-md-4">
        <label for="question_2" class="col-form-label">Odpowiedź 2</label>
        <input type="text" name="answers[1][question]" id="question_1" class="form-control">
    </div>
    <div class="col-md-3">
        <label for="question_2_true" class="col-form-label" style="margin-top: 37px">
            <input type="checkbox" name="answers[1][is_true]" id="question_1_true"> Prawda
        </label>
    </div>
</div>

dzięki :)

Answer 1

Do tworzenia elementów służy metoda createElement, natomiast do wstawiania do drzewa DOM 

appendChild() i insertBefore()

Obszerny opis tworzenia i usuwania elementów

Comments

i jeszcze praca z atrybutami.