ขอถามเรื่อง jquery กับ select menu 3 ชั้นโดยใช้ php+mysql ครับ

                $(function(){
			$('select#main_cate').change(function(){
			var datalist1 = $.ajax({
		        url: "load_sub_cate1.php",
			data:"main_cate_id="+$(this).val(),
			async: false
			}).responseText;  
			$('select#sub_cate1').html(datalist1);
			});
		});
		$(function(){
			$('select#sub_cate1').change(function(){
			var datalist2 = $.ajax({
			url: "load_sub_cate2.php",
			data:'sub_cate1_id='+$(this).val(),
			async: false
			}).responseText;  
			$('select#sub_cate2').html(datalist2);
			});
		});

<form name="frm_add" action="save_frm_doctor.php" method="post">
<div>
	<select name="main_cate" id="main_cate">
		              <option value="">-- กรุณาเลือก --</option>
		<?php
		$db->query("select * from main_cate order by main_cate_id");
		while($r=$db->fetch_array())
		{
		?>
		<option value="<?php echo $r[main_cate_id]; ?>"><?php echo $r[main_cate_name]; ?></option>
		<?php
		}
		?>
	</select>
</div>
<div>
	<select name="sub_cate1" id="sub_cate1">
			<option value="">-- กรุณาเลือก --</option>
	</select>
</div>
<div>
	<select name="sub_cate2" id="sub_cate2">
			<option value="">-- กรุณาเลือก --</option>
	</select>
</div>
</form>