pushpullform.html

<form id="pushpullform" method="post">
<div id="pushpulltable">
<table id="popuptable">
<tr>
 <th></th>
 <th>Remote</th>
</tr>
{% for item in remotes %}
<tr>
 <td><input type="radio" name="remote" value="{{ item }}"></input></td>
 <td>{{ item }}</td>
</tr>
{% endfor %}
</table>
</div>

<div id="pushpullbuttons">
<input type="submit" value="Push" class="popupsubmit" onclick="$('#operation').val('push')"></input>
<input type="submit" value="Pull" class="popupsubmit" onclick="$('#operation').val('pull')"></input>
<input type="submit" value="Cancel" class="popupclose"></input>
<input type="hidden" name="operation" value="" id="operation"></input>
</div>

</form>

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