passing event handler dom data

passing event handler dom data

my expectation was that given:
 
    <section data-role = "page" >  
        <div id = "audio-language" >en </div>
    </section>
 
that in the following handler:
 
      $('section[data-role="page"]').live("pageshow", function(event, ui){    
            console.log("pageshow");    
            console.log("$('#audio-language').html());
      });
 
$('#audio-language').html() would evaluate to whatever the current div contents were. but it seems to just evaluate once when the first page is loaded.
 
how can i get this dynamic data into the handler?