jquery - jQuery NEXT を使用して Title Attr を取得する

Question

IDを取得するためにマウスオーバーが機能しました。しかし、next() を使用してタイトル属性 (title="01" のみ) を取得しようとしていますが、何らかの理由で機能していません。ここで何が欠けているのかわかりません。

JS:

$(document).on('mouseover','tr[role="row"]',function(){
    var VId = $(this).next('[role="gridcell"]').attr('title');
    $('#TestPanelA').html(VId);
});

PHP (このテーブルは jqGrid によって生成されます):

<tr role="row" id="1" tabindex="-1" class="jqgrow ui-row-ltr H0">
  <td role="gridcell" style="text-align: left; height: 16px;" title="01" aria-describedby="0Li_A">01</td>
  <td role="gridcell" style="text-align: right; height: 16px;" title="822" aria-describedby="0Li_C">822</td>
</tr>