commitform.html

<form id="commitform" method="post">

<div id="commitmessage">
Commit message:<br>
<textarea cols="80", rows="8" name="message">
</textarea>
</div>
<div id="commitbuttons">
<input type="submit" value="Commit" class="popupsubmit"></input>
<input type="submit" value="Cancel" class="popupclose"></input>
</div>
<div id="commitfiles">
<table id="popuptable">
<tr>
 <th></th>
 <th colspan="2">Status</th>
 <th>File</th>
</tr>
{% for item in status %}
<tr>
 <td><input type="checkbox" name="file[]" value="{{ item.file }}" checked></input></td>
 <td>{{ item.x }}</td>
 <td>{{ item.y }}</td>
 <td>{{ item.file }}</td>
</tr>
{% endfor %}
</table>
</div>

</form>

<script>
	$('#commitform').submit(function(e) {
		e.preventDefault();
		$.post('peeked/commit', $('#commitform').serialize(), function(data) {
			$('.popupcontent').html(data);
		});
	});
	$('#popup').on('click', '.popupclose', function(e) {
		close_popup();
        });
</script>