AJAX Form Submit methods

[dannio1984]

Hi,

I have a working AJAX script which submits a form great, posts the info to a php script and displays my results in a div and <p> tags.

I now have a new application for this form which means I want it to do the following:

#bespoke = the form id/name

Inputs to submit:
#bheight - submit on keyup
#bwidth - submit on keyup
#getprice = submit on change
#colour - submit on change

All the other inputs are hidden fields and get their contents dragged over when the above fields submit.

I am looking for a little help in converting this script to accept muliple on submit functions.

<script type="text/javascript">
		$(document).ready(function() {
			$("#bespoke").change(function() {
				var marginvar = $("#margin").val();
				var pricepercm = $("#price").val();
				var besheight = $("#bheight").val();
				var beswidth = $("#bwidth").val();
				var getpricevar = $("#getprice").val();
				var prodcodevar = $("#prodcode").val();
				var qtydis = $("#qtydiscounts").val();
				var r1 = $("#rate1").val();
				var r2 = $("#rate2").val();
				var r3 = $("#rate3").val();
				var r4 = $("#rate4").val();
				var colourselect = $("#colour").val();
				$.post("../../../pricing_bespoke.php", { margin: marginvar, price: pricepercm, bheight: besheight, bwidth: beswidth, getprice: getpricevar, prodcode: prodcodevar, qtydiscounts: qtydis, rate1: r1, rate2: r2, rate3: r3, rate4: r4, colour: colourselect }, function(data) {
					$("#status p").html(data);
				});
				return false;
			});
		});
	</script>

Thanks in advance!

Dan

[rnd me]

$("#bespoke, #getprice, #colour").change(function() {