ช่วยแนะนำวิธ๊แก้ปัญหาการรับค่าจาก html โดยใช้ jquery ทีครับ มือใหม่ครับ

$(document).ready(function(){
$(".edit_cat).click(function(){
alert($(this).attr("s"));
});
});

<table class="table_style1" border="1">
	<tr>
		<th width="8%">ลำดับที่</th>
		<th width="57%">ชื่อ</th>
		<th width="23%">ประเภทบุคลากร</th>
		<th width="12%">แก้ไข / ลบ</th>
	</tr>
	<?php for($i=0;$i<$num;$i++){?>
	<tr s="<?php echo $row['ID'][$i]?>">
		<td align="center"><?php echo $c++?></td>
		<td style="border-right: none;"><?php echo $row['NAME'][$i]?></td>
		<td><?php echo $row['REF'][$i]?></td>
		<td align="center"><font class="edit_cat" s="<?php echo $row['ID'][$i]?>">แก้ไข</font> / <font>ลบ</font></td>
	</tr>
	<?php }?>
</table>

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$(".edit_cat").click(function(){
			alert($(this).parents('tr').attr('s'));
		});
	});
  </script>

<table class="table_style1" border="1">
	<tr>
		<th width="8%">ลำดับที่</th>
		<th width="57%">ชื่อ</th>
		<th width="23%">ประเภทบุคลากร</th>
		<th width="12%">แก้ไข / ลบ</th>
	</tr>
	<?php for($i=0;$i<$num;$i++){?>
	<tr s="<?php echo $row['ID'][$i]?>">
		<td align="center"><?php echo $c++?></td>
		<td style="border-right: none;"><?php echo $row['NAME'][$i]?></td>
		<td><?php echo $row['REF'][$i]?></td>
		<td align="center"><font class="edit_cat">แก้ไข</font> / <font>ลบ</font></td>
	</tr>
	<?php }?>
</table>