どんどん増えるフォーム

jsdoit.css

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: #fdd;
  font: 30px sans-serif;
}

jsdoit.html

<form role="form">
    <div class="col-xs-12">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
        </div>
  </div>
</form>

jsdoit.js

jQuery(function () {
	jQuery('#exampleInputEmail1').on('focusout', '', function () {
        reqAddingForm('department', '#departmentDiv', '#departmentArea', depTag(), jQuery(this).attr('id'));
    });
});

/**
 * フォームを増やす
 *
 * @param {string} strElement　追加する要素
 * @param {string} deleteElement　削除する要素
 * @param {string} targetArea　追加するDIVエリア
 * @param {string} addHtml　追加するHTML
 * @param {string} idNum　カウント
 * @return {void}
 */
function reqAddingForm(strElement, deleteElement, targetArea, addHtml, idNum) {
    // idから番号をとる
    var countId = parseInt(idNum.replace(strElement, ''));
    if (jQuery('#' + strElement + countId).val() == ''
        && jQuery('#' + strElement + (countId + 1)).size() > 0
        && jQuery('#' + strElement + (countId + 1)).val() == '') {
        // 入力後削除したのでフォームを消す
        jQuery(deleteElement + (countId + 1)).fadeOut('fast', function () {
            jQuery(this).remove();
        });
        return;
    } else if (jQuery('#' + strElement + countId).val() == '') {
        // 未入力
        return;
    } else if (jQuery('#' + strElement + (countId + 1)).size() > 0) {
        // 次のフォームがある
        return;
    }
    countId++;
    jQuery(targetArea).append(addHtml.replace(/\?/g, countId.toString()));
    jQuery('#' + strElement + countId).on('focusout', '', function () {
        reqAddingForm(strElement, deleteElement, targetArea, addHtml, jQuery(this).attr('id'));
    });
}

function mailTag() {
    return '<div id="mailDiv?">' +
        '<div class="col-xs-12">' +
        '<div class="form-group">' +
        '<label class="sr-only" for="mailAddress?">メールアドレス?</label>' +
        '<input type="email" class="form-control" id="mailAddress?" name="mailAddress" placeholder="メールアドレス?" maxlength="256">' +
        '</div>' +
        '</div>' +
        '</div>';
}