actions.js

$(document).ready(function(undefined) {
	function removeMovement(obj) {
		$(obj).parent().remove();
	}
	
	function addMovement(count) {
		next = count+1;
		html = '<div id="movement'+count+'">\
		                <button type="button" onClick="removeMovement(this);">remove</button>\
		                <select name="movement'+count+'">';
		html +=				'<option>Missionary</option>';
		html +=				'<option>Doggy</option>';
		html +=				'<option>Reverse Cowgirl</option>';
		html +=         '</select>\
		                <br />\
		        </div>';
		        
		$("#movements").append(html);
	}	
	
	$("#addmovement").click(function() {
		addMovement($('#movements').children().length);
	});
});