ارسال اطلاعات object در java

سلام و درود خدمت همه برنامه نویسان گرامی
این 2 تا از تیکه کد های من هست :

while($row = mysqli_fetch_assoc($result)) {         echo "<tr>";
echo "<td></td>";
echo "<td>".$row['prog_code']."</td>";
echo "<td>".$row['prog_title'] . "</td>";
echo "<td><center>".$row['prog_period'] . "</td>";
echo "<td><center>".$row['method_name'] . "</td>";
echo "<td><center>".$row['group_title'] . "</td>";
echo "<input type='hidden' name='f0' id='f0' value='".$row["prog_code"]."'/>";

و

$("table").on('click','tr',function(e){    e.preventDefault();
var id = $('.f0').attr('value');
alert(id);
});

وقتی رویه هر کدوم از سطر های جدولم کلیک می کنم ارور undefined میده
چرا ؟