Jquery Confirmation Modal

For a stack overflow question: http://stackoverflow.com/questions/37665513/how-to-render-ajax-return-in-cakephp-3-1

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<form id="test-form" method="post" action="your/action/here">
  <input type="text" name="test" value="" />
  <input type="submit" name="submit-form" value="submit" />
</form>

<div class="modal">
  <div class="form-info-wrapper">
  
  </div>
  <a class="confirm">Confirm Information</a>
</div>

CSS

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: #FFF;
}

JavaScript

jQuery(document).ready(function ($){
	$('body').on('click', 'input[type=submit]', function (e) {
  	e.preventDefault();
    
    var data = $(this).parent('form').serializeArray();

    $('.form-info-wrapper').empty();
    
    for(_data in data)
    {
    	$('.form-info-wrapper').append(data[_data].name + ': ' + data[_data].value);
    }
    
    $('.modal').fadeIn();
  });
  
  $('.confirm').click(function (e){
 		e.preventDefault();
    
  	$('#test-form').submit();
  });
});