JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<form action="#" method="post" class="answer-form form-horizontal form-bordered" id="edit">
  <div class="form-group answer">
    <label class="col-sm-12 col-md-8 control-label">
      <label class="col-sm-3 control-label">Кол-во машин:</label>
      <div class="col-sm-2">
        <input type="number" class="form-control" id="trucks_count" min="1" step="1" maxlength="2" value="1" name="trucks_count">
      </div>
      <label class="col-sm-3 control-label">Цена, руб:</label>
      <div class="col-sm-2">
        <input  type="text" class="form-control" value="1" id="price" name="price">
      </div>
    </label>
  <div class="col-sm-12 col-md-4">
    <button style="float: right;" type="button" class="btn btn-success saveRequest" id="saveRequest">Ответить</button>
  </div>
  </div>
</form>

JavaScript

jQuery(function($){
 $('#saveRequest').on('click', function(){
 	var post = $('#edit').serialize(); 
  alert(post);
  $.post('http://example.com', post);
 });
});