Submit button doesn't work when placed in modal (which is inside the form also)

<form>
    <!-- some inputs, selects, checkboxes here -->
    ....
    <button type="button" data-call-modal=".modal">Go to last step</button> <!-- calls the modal -->

    <!-- the modal -->
    <div class="modal">
        <!-- some inputs here -->
        <input type="submit" value="Send"> <!-- it was supposed to do the magic :). But it doesn't, when placed here. If I place it outside of the modal, it works -->
    </div>
</form>

<form action="[[~[[*id]]]]" method="post">

[[!fi.error_message]]
<form action="[[~[[*id]]]]" id="configuratorForm">
	<div class="row">
		<label class="col-xs-12 col-md-6">
			<span>Модель</span>
			<select name="model" class="form-control">
				<option value="Баня-бочка классик" [[!+fi.model:FormItIsSelected=`классик`]] >Баня-бочка классик</option>
				<option value="Баня-бочка квадро" [[!+fi.model:FormItIsSelected=`квадро`]] >Баня-бочка квадро</option>
				<option value="Баня-бочка с верандой" [[!+fi.model:FormItIsSelected=`с верандой`]] >Баня-бочка с верандой</option>
				<option value="Баня-бочка танк" [[!+fi.model:FormItIsSelected=`танк`]] >Баня-бочка танк</option>
				<option value="Баня-бочка избушка" [[!+fi.model:FormItIsSelected=`избушка`]] >Баня-бочка избушка</option>
				<option value="Баня-бочка люкс" [[!+fi.model:FormItIsSelected=`люкс`]] >Баня-бочка люкс</option>
			</select>
		</label>
		<div class="col-xs-12 col-md-6">
			<div class="row combined">
				<label class="col-xs-6">
					<span>Диаметр</span>
					<select name="diameter" class="form-control">
						<option value="2,2м" [[!+fi.diameter:FormItIsSelected=`2,2м`]] >2,2м</option>
						<option value="2,4м" [[!+fi.diameter:FormItIsSelected=`2,4м`]] >2,4м</option>
						<option value="3м" [[!+fi.diameter:FormItIsSelected=`3м`]] >3м</option>
					</select>
				</label>
				<label class="col-xs-6">
					<span>Длина</span>
					<select name="length" class="form-control">
						<option value="4м" [[!+fi.length:FormItIsSelected=`4м`]] >4м</option>
						<option value="4,5м" [[!+fi.length:FormItIsSelected=`4,5м`]] >4,5м</option>
						<option value="5м" [[!+fi.length:FormItIsSelected=`5м`]] >5м</option>
						<option value="5,5м" [[!+fi.length:FormItIsSelected=`5,5м`]] >5,5м</option>
						<option value="6м" [[!+fi.length:FormItIsSelected=`6м`]] >6м</option>
					</select>
				</label>
			</div>
		</div>
		<label class="col-xs-12 col-md-6">
			<span>Цвет кровли</span>
			<select name="roofColor" class="form-control">
				<option value="Зеленый" [[!+fi.roofColor:FormItIsSelected=`Зеленый`]] >Зеленый</option>
				<option value="Коричневый" [[!+fi.roofColor:FormItIsSelected=`Коричневый`]] >Коричневый</option>
				<option value="Красный" [[!+fi.roofColor:FormItIsSelected=`Красный`]] >Красный</option>
				<option value="Серый" [[!+fi.roofColor:FormItIsSelected=`Серый`]] >Серый</option>
			</select>
		</label>
		<label class="col-xs-12 col-md-6">
			<span>Цвет внешнего покрытия</span>
			<select name="surfaceColor" class="form-control">
				<option value="Без покрытия" [[!+fi.surfaceColor:FormItIsSelected=`Без покрытия`]] >Без покрытия</option>
				<option value="Дуб" [[!+fi.surfaceColor:FormItIsSelected=`Дуб`]] >Дуб</option>
				<option value="Иней" [[!+fi.surfaceColor:FormItIsSelected=`Иней`]] >Иней</option>
				<option value="Калужица" [[!+fi.surfaceColor:FormItIsSelected=`Калужица`]] >Калужица</option>
				<option value="Махагон" [[!+fi.surfaceColor:FormItIsSelected=`Махагон`]] >Махагон</option>
				<option value="Орегон" [[!+fi.surfaceColor:FormItIsSelected=`Орегон`]] >Орегон</option>
			</select>
		</label>
	</div>
	<div class="row">
		<div class="col-xs-12 col-md-6 options">
			<input type="checkbox" name="optOne" id="optOne" value="Отделка кедром" [[!+fi.optOne:FormItIsChecked=`Отделка кедром`]] >
			<label for="optOne">Отделка кедром <span></span></label>
		</div>
		<div class="col-xs-12 col-md-6 options">
			<input type="checkbox" name="optTwo" id="optTwo" value="Стеклянная дверь в парную" [[!+fi.optTwo:FormItIsChecked=`Стеклянная дверь в парную`]] >
			<label for="optTwo">Стеклянная дверь в парную <span></span></label>
		</div>
		<div class="col-xs-12 col-md-6 options">
			<input type="checkbox" name="optThree" id="optThree" value="Дополнительное утепление" [[!+fi.optThree:FormItIsChecked=`Дополнительное утепление`]] >
			<label for="optThree">Дополнительное утепление <span></span></label>
		</div>
		<div class="col-xs-12 col-md-6 options">
			<input type="checkbox" name="optFour" id="optFour" value="Электрика" [[!+fi.optFour:FormItIsChecked=`Электрика`]] >
			<label for="optFour">Электрика <span></span></label>
		</div>
		<div class="col-xs-12 col-md-6 options">
			<input type="checkbox" name="optFive" id="optFive" value="Дополнительное окно" [[!+fi.optFive:FormItIsChecked=`Дополнительное окно`]] >
			<label for="optFive">Дополнительное окно <span></span></label>
		</div>
	</div>
	<div class="buttons">
		<button type="button" data-mfp-src="#configuratorPopup" class="btn btn-success btn-lg btn-block popup-call">заказать расчет</button>
	</div>

	<!-- Configurator popup -->
	<div id="configuratorPopup" class="zoom-anim-dialog mfp-hide box popup">
		<h2 class="text-uppercase text-center">Конфигуратор</h2>
		<input type="text" name="buyerName" class="form-control" placeholder="Ваше имя" value="[[!+fi.buyerName]]">
		<input type="text" name="buyerMail" class="form-control" placeholder="Ваш e-mail" value="[[!+fi.buyerMail]]">
		<input type="tel" name="buyerPhone" class="form-control" placeholder="+7(___)-___-__-__" value="[[!+fi.buyerPhone]]">
		<input type="submit" name="configuratorForm" class="btn btn-lg btn-block btn-success" value="отправить заявку">
	</div>
	<!-- /Configurator popup -->
</form>

      [[!FormIt?
      	&emailTpl=``
      	&hooks=`email`
      	&submitVar=`configuratorForm`
      	&validate=`buyerPhone:required`
      	&emailTo=`[email protected]`
      ]]

method="post"