$(document).ready(function() {
  // do stuff when DOM is ready
	$("ul#timeslots li.available").click(function() {
		$("ul#timeslots li.selected").removeClass('selected');
		$("form#create_booking input#time").remove();
		
		$(this).addClass('selected');
		
		$("form#create_booking").append(
				'<input id="time" type="hidden" name="time" value="' + $(this).text() + '" />'
			);
		return false;
	});
});

