Изменение html кода внутри jQuery

$(document).ready(function() { 
 
  var questionArr = []; 
 
  $("#addQuestion").click(function() { 
    var i = 1; 
 
    var question = '<div id="q' + i + '" class="card border-info mb-3 mt-3" style="width: 48rem;" name="qContainer" >\n' + 
      '            <div class="card-body">\n' + 
      '                <div class="form-inline mt-3" id="questionNavBar">\n' + 
      '                    <input class="form-control col-sm-9 mr-2" type="text" name="question" id="question">\n' + 
      '                    <div class="btn-group" role="group">\n' + 
      '                        <button id="btnGroupDrop1" type="button" class="btn btn-outline-info dropdown-toggle answerType mr-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n' + 
      '                            Answer type\n' + 
      '                        </button>\n' + 
      '                        <div class="dropdown-menu mr-2" aria-labelledby="btnGroupDrop1">\n' + 
      '                            <button class="dropdown-item" name="answerAsText" id="answerAsText" type="button">Text</button>\n' + 
      '                            <button class="dropdown-item" id="answerAsList" type="button">List</button>\n' + 
      '                        </div>\n' + 
      '                    </div>\n' + 
      '                    <a href="#" role="button" class="btn btn-outline-info removeQuestion">-</a>\n' + 
      '                </div>\n' + 
      '            </div>\n' + 
      '        </div>'; 
 
    $("#questions").append(question); 
 
 
    console.log(question.type); 
    questionArr.push(question); 
    i++; 
 
  }); 
 
  $("#create").click(function() { 
    $.ajax({ 
      dataType: "json", 
      url: "/newQue", 
      headers: { 
        'Accept': 'application/json', 
        'Content-Type': 'application/json' 
      }, 
      data: questionArr, 
      type: 'POST' 
    }) 
  }) 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<form action="/newQue" method="post"> 
  <div> 
    <input type="hidden" name="_csrf" value="${_csrf.token}" /> 
    <input type="text" name="queName" class="form-control col-6 mb-3" placeholder="Enter name of que"> 
    <input type="hidden" name="_csrf" value="${_csrf.token}" /> 
    <input type="text" name="queDescription" class="form-control col-6 mb-3" placeholder="Enter description"> 
  </div> 
 
  <div id="buttonBar" class="btn-group" role="group" aria-label="Basic example"> 
    <input type="hidden" name="_csrf" value="${_csrf.token}" /> 
    <input type="button" class="btn btn-secondary" id="addQuestion" value="+" /> 
    <input type="button" class="btn btn-secondary" id="prompts" value="?" /> 
  </div> 
 
  <div class="questions mb-3" id="questions" model-attribute="questionsForm"> 
  </div> 
 
  <button type="submit" class="btn btn-outline-info mb-3" id="create">Create</button> 
</form>