[jQuery] Can't get click event fire

[Literide]

Hi
I'm new to jQuery.
I'm writing some code to show a picture if user clicks on table row.
this is the table
<table id="restable" border="0">
<thead><tr>
<th class="cat" width="150"><a href="">Category</a></th>
<th class="brand" width="150"><a href="">Brand</a></th>
<th class="name" width="300"><a href="">Name</a></th>
<th class="weight" width="50"><a href="">Weight</a></th>
</tr></thead>
<tbody id="table">
</tbody>
</table>

The table is filled with this function
function search(sortt,dirt) {
$.getJSON("/jsonsearch.php", {cat: $("select#catselect").val(), brand:
$("select#brandselect").val(), name: $("input#search").val(), sort:
sortt, dir: dirt}, function(j){
      $("tbody#table").empty();
      var row='';
      for (var i = 0; i < j.length; i++) {
        row="<tr><td width='150'>"+j[i].cats+"</td><td width='150'>"+j
[i].brand+"</td><td class='name' width='300'>"+j[i].name+"</td><td
width='50'>"+j[i].weight+"</td></tr>";
        $("#restable tbody").append(row);
      }
    })

This is the function i put inside $(document).ready()
$("#table td").click(function(){
                alert("jhgjgh");
});

The problem is that click event doesn't fire.

One more related question
If i get it working, how do i get the contents of the row that user
clicked. I need Name from that row.

Thank you.