Get table TR data from TD fails

Get table TR data from TD fails

I've tried variations (.parent, .parents, .closest) of the following "tdclick.html", but can't seem to get it to work.
Can anyone see what I'm doing wrong? -- Thanks.

File: tdclick.html --
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>

$(document).ready(function(){

// build table
        $("#filelist").append("<br>") ;
        $("#filelist").append("<br>") ;
        $("#filelist").append("<table>") ;
        $("#filelist").append("<tr data-traxno='1'>") ;

        $("#filelist").append("<td>Artist23</td>") ;
        $("#filelist").append("<td>Album</td>") ;
        $("#filelist").append("<td>Tracno</td>") ;
        $("#filelist").append("<td>title</td>") ;

        $("#filelist").append("</tr>") ;
        $("#filelist").append("</table>") ;

// actions for table --

  $('td').click(function() {

     alert($(this).parent('tr').data('traxno')) ;
  });

});



</script>
</head>
<body>

<div id="filelist">Header info...</div>
</body>
</html>