สอบถามเรื่องการใช้งาน ajax หน่อยครับ พอดีมีปัญหาเกี่ยวกับการใช้ jquery ครับ เลยอยากจะขอคำปรึกษาหน่อยครับ

  $(document).ready(function(){
	$('.cate_id').click(function(){

							var url = '/ajax.php';

						$.post(url, { cate_id: $(this).attr('id') },
						 
					function(data)
					{
						$('.show_sub_cate').html(data.message);
					},'json');
				  return false;	  				
		 })
})




                   <div class="cate_menu">
                        <ul id="nav_cate">
                             <? 
							 $qry_cate = "select * from board_category where c_parent='0'"; 
							 $result_cate = mysql_query($qry_cate);
							 
							 while($arr_cate = mysql_fetch_array($result_cate))
							 {
							 ?>
                            <li><a href="#" id="<?=$arr_cate['c_id']?>" class="cate_id"><?=$arr_cate['c_name']?></a></li>   
                            <?
							 }
							?>                   
                        </ul>
                        <div class="show_sub_cate">                    
                        </div>
                    </div>

if(!empty($_POST['cate_id']))
{
	extract($_POST);
	
	$cate_id = mysql_real_escape_string(htmlspecialchars(trim($_POST['cate_id'])));	
	
	
					 $qry_cate = "select * from board_category where c_parent=".$cate_id; 
					 $result_cate = mysql_query($qry_cate);
					 $no = 0;
					 while($arr_cate = mysql_fetch_array($result_cate))
					 {	
					 	$sub .= "<li><a href='#' id='".$arr_cate['c_name']."' class='sub_cat_id' onclick='test()'>".$arr_cate['c_name']."</a></li>";
						$no++;
					 }
	
					$data['success'] = true;
					$data['message'] = $sub;		
		
}else{
	
					$data['success'] = false;
					$data['message'] = "<font color='red'><b>กรอกข้อมูลไม่ครบถ้วน</b></font>";		
		
}
echo json_encode($data);