JSFiddle - React, Tailwind, and code Playground

HTML

<form>
		<input type="hidden" value="{{ $id }}" name="quiz_id">
	  <div class="form-group">
	    <label for="InputQuestion">Pregunta</label>
	    <input type="text" class="form-control" id="InputQuestion" name="question" aria-describedby="questionHelp">
	  </div>
	  <div class="form-group">
	    <label for="exampleInputPassword1">Respuesta</label>
	    <button id="addAnswer" class="btn btn-primary">Agregar respuesta</button>
	    <input type="text" class="form-control" id="exampleInputPassword1">
	    <div class="form-group" id="answers">
	    	
	    </div>
	  </div>
	  <button type="submit" id="submitbutton" class="btn btn-primary">Submit</button>
	</form>

CSS

.send
{
width:100px;
height:30px;
}

JavaScript

$(document).ready(function(){
			let count = 1;
      $("#submitbutton").click(function (e){
	      e.preventDefault();
        alert($('form').serialize());
        });
			$('#addAnswer').click(function(e){
				e.preventDefault();
				$('#answers').append('<input type="text" class="form-control" name="answer'+count+'" id="answer'+count+'">')
				count++;
			})
		})