jquery - jqueryでグリッドビュー列の選択された値を取得する方法は?

Question

このように3列でJqueryを使用してグリッドビューをバインドしています..

 var text = "<tr><td>" + '<input id="gvChk" class="gvChk" type="checkbox">' 
             + "</td><td>"  + oPorts[i].BookingData
             + "</td><td style='display:none' class='csBookingID'>" 
             + oPorts[i].BookingID + "</td></tr>";
 $('.iframe').contents().find('.gvPorts').append(text)

チェックボックスを変更すると、BookingID の値を取得できるように、oPorts[i].BookingID の値を checkBox の値にバインドしたいだけです。

私のトライアルはこのようなもので、未定義の価値がありました

     $('.iframe').contents().find('.gvPorts input[type="checkbox"]').change(function () {
     var BookingID = $('.iframe').contents().find('.gvPorts td csBookingID').val();
     alert(BookingID);                  
                        if (this.checked)

                            alert('checked');
                        else
                            alert('not checked');
                    });

一般に、Jquery によってバインドされている GridView の値を取得するにはどうすればよいですか?

私のシナリオでそれを行うにはどうすればよいですか。

前もって感謝します