jQuery - getting selected item of dynamic listview

[Prasoon Chaudhary]

I am generating a dynamic collapsible-set with listViews using XML data. It's generated correctly, but I need a click/touch event to display some data before it goes to another page. Here is my code:

$("#dvAccordion").empty();
var outdiv = $('

');
$(strXML).find('Category').each(function(){
var colldiv = $('

');
colldiv.append('

' + $(this).find('Category_Name').text() + '

');
var uldiv = $('

');
colldiv.append(uldiv);
//
$(this).find('Menu_Item').each(function(){
var sItemName = $(this).find('item_name').text() ;
uldiv.append('* ' + sItemName + '
');
});
//
//$('#dvAccordion').listview('refresh');
//
outdiv.append(colldiv);
outdiv.appendTo('#dvAccordion');
});
//$('#dvAccordion [data-role=collapsible-set]').collapsibleset();
//$('#dvAccordion').collapsibleset();
//$('#dvAccordion').collapsibleset('refresh');

$('#dvAccordion').trigger('create');

I am adding an eventListener on page load like this:

$('#dvAccordion ul').children('li').bind('vclick', function(e) {
alert('Selected Name=' + $(this).attr('data-name'));
});

Where am I wrong? If I try to write the same event listner after developing collapsible in static way in html - everything works fine. jsfiddle - http://jsfiddle.net/yesprasoon/MvcHm/