请问大家，现在需要让table中每个tr的第二个td在鼠标移动上去时在另外的div处回显内容，本人使用了ajax和mouseover,再用id来定位td，代码如下：

$(document).ready(function(){
        $('#tdid').mouseover(function () {

            var $val = $.trim($("#tdid").text());

            $.ajax({
            type: "post",
                url: 'getinfo.php',
                data: {val:$val},

                success: function (data,status) {

                    $('#showinfo').html(data);
                },

                error: function () {
                    alert("error");
                }

但是这样只是第一个td能成功调ajax，其他td都不发数据包了，即没有调ajax（查看源码看可以看到每个tr的第二个td都有id=tdid），这是为什么？或者要实现本人这个需要，有更好的方法吗？感激不尽！！！