jquery - 動的に作成された Div からの ID の選択

Question

動的に作成された div のリストから ID を取得しようとすると問題が発生します。div は Web サービスから取り込まれます。

div のリスト: (pendRefNo は参照番号であり、div の ID として使用されます)

strPendList += '<div id="workqList_'+pendRefNo+'" class="
pendClaimDisplay" x-blackberry-focusable="true" onmouseover="refHighlight(this)"   
onmouseout="noRefHighlight(this)" onclick="qClaimDetails(\''+pendRefNo+'\')">';
strPendList += '<div class="pendRefLabel">REF NO </div>';
strPendList += '<div class="pendRefValue">: '+pendRefNo+'</div>';
strPendList += '<div class="pendRequesterLabel">REQUESTER : </div>';
strPendList += '<div class="pendRequesterValue">'+pendEmpNo+' '+pendRequester+'</div>';
//strPendList += '<div class="pendRequesterValue">'+pendRequester+'</div>';
strPendList += '<div class="pendDateLabel">DATE </div>';
strPendList += '<div class="pendDateValue">: '+pendDate+'</div>';
strPendList += '<div class="pendAmountLabel">AMT : </div>';
strPendList += '<div class="pendAmountValue">'+pendAmount+'</div>';
strPendList += '</div>';//end of pendClaimDisplay

特定の div をスクロールして div が強調表示されたら、ユーザーは Blackberry メニュー キーをクリックし、メニューから [承認] を選択します。

function bbMyWorkQ()
{
blackberry.ui.menu.clearMenuItems();
var topDivider = new blackberry.ui.menu.MenuItem(true, 1);
blackberry.ui.menu.addMenuItem(topDivider);
var itemApprove = new blackberry.ui.menu.MenuItem(false, 2, "Approve", approveCheck);
blackberry.ui.menu.addMenuItem(itemApprove);
var itemReject = new blackberry.ui.menu.MenuItem(false, 3, "Reject", rejectCheck);
blackberry.ui.menu.addMenuItem(itemReject);
}

関数を呼び出します：

function approveCheck()
{
  $('.pendClaimDisplay').mouseover(function() {
    alert($(this).attr('id'));
  });
}

関数は強調表示された div の ID を返す必要がありますが、リストを下にスクロールして別の div を選択した場合にのみ機能します。この関数は、ユーザーが Blackberry メニュー キーから Approve(approveCheck) を選択した場合にのみ起動する必要があります。しかし、リストを下にスクロールすると、関数は初めて呼び出された後も呼び出され続けます。

誰でも助けてもらえますか？

ありがとうございました。