Capture scroll event on a particular jQuery Mobile Page

Capture scroll event on a particular jQuery Mobile Page

How to capture the scroll event on a particular jQuery Mobile page?

Page:

  1. <div id='pg_remote-address-book' data-role='page'>
  2. <div data-role='content' id='pg_remote-address-book_content'>
  3. <ul data-role='listview' id='ul_address_list'>
  4. </ul>
  5. </div>
  6. </div>
On pagebeforecreate, dynamically loading items inside the unordered list

  1. for ( var i = 0; i < 100; i++ ) {
  2. $("#ul_address_list").append("<li>"+i+"</li>");
  3. }
Capture Scrolling

  1. $('#pg_remote-address-book').scroll(function () {
  2. console.log('scrolled');
  3. });
The scroll event is not getting captured. How can I capture that?

If I put 'window' instead of '#pg_remote-address-book' then it is working. But I want to capture the scroll event on a particular page. Can you please help me on this?