Как написать код, чтобы он был эффективнее?

Разрабатываю некую систему :)
При формировании данных возникла проблема. Необходимо данные поместить в объект, точнее в ассоциативный массив, содержащийся в объекте. Это можно сделать с помощью `.serializeArray()` и передать в объект, где есть предусмотренный метод **set...**, такой способ я и привел в примере кода ниже. Но мне кажется это способ не очень хороший и правильный и хочется, чтобы было профессионально сделано. Я имею малый опыт в программировании поэтому хочется сделать по уму.

Код для первого скрина:

<div id="tab1" >
            <div class="row"> 
              <div class="col-xs-10"><h3>Описание</h3></div>
              <div class="col-xs-2"><button type="button" id="step1" class="next btn btn-success pull-right">Далее</button></div>
            </div>
            <form id="descrip">
            <div class="form-group">
              <label for="titleT">Название теста:</label>
              <input type="text" class="form-control" name="titleT" placeholder="Название теста" />
            </div>
            <div class="form-group">
              <label for="descripT">Описание теста:</label>
              <textarea class="form-control" name="descripT" placeholder="Описание теста"></textarea>
            </div>
            <div class="form-group">
              <label for="tarAidience">Выберите целивую аудиторию:</label>
              <select name="tarAidience" class="form-control">
                <option value="teach">Преподаватели</option>
                <option value="stud">Студенты/абитуриенты</option>
                <option value="all">Для всех</option>
              </select>
            </div>
            <div class="form-group">
              <label class="checkbox-inline"><input type="checkbox" name="answer">Проверять ответы</label>
            </div>
            </form>
          </div>

Код для второго <скрина:

<div class="">
              <form id="Questions">
              <div class="form-group">
                <label for="question">Вопрос:</label>
                <input type="text" name="" id="question" class="form-control" placeholder="Введите вопрос" />
              </div>
              <div class="row">
                <div class="form-group col-xs-10">
                  <label>Выбирете тип вопроса:</label>
                  // Тут типы вопросов. Убрал т.к. и так много текста
                </div>
                <div class="col-xs-2">
                  <div class="pull-right btn btn-success" id="addBtn"><span class="addimg"></span></div>
                </div>
              </div>
            </form>
            </div>