JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<form name="stuff">
<!-- Button trigger modal -->
<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">
add position
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="false">
×
</button>
<h3 class="modal-title" id="myModalLabel">add Position</h3>
</div>
<div class="modal-body">
<form name="modal-form" class="form">
<!-- form stuff goes here -->
<input type="text" name="job_title" value="" />
<input type="text" name="from" value="" /> – <input type="text" name="to" value="" /> <input type="text" name="total experience" value="" />
<input type="text" name="industries" value="" />
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
Close
</button>
<button type="button" type="submit" class="btn btn-primary" id="save" data-dismiss="modal">
Save
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- after save button data entered on modal goes here i.e. -->
<input type="text" disabled name="job_title[]" value="Software Developer" />
<input type="text" disabled name="from[]" value="November 2013" /> – <input...
JavaScript
$('#save').click(function() {
$( "input[name='job_title[]']" ).val($("input[name='job_title']").val());
$( "input[name='from[]']" ).val($("input[name='from']").val());
$( "input[name='to[]']" ).val($("input[name='to']").val());
$( "input[name='total experience[]']" ).val($("input[name='total experience']").val());
$( "input[name='industries[]']" ).val($("input[name='industries']").val());
});