dataSelected event not firing in IE

Hi,

   I am using below code to embed report.

var pbiconfig = {
type: 'report',
tokenType: models.TokenType.Aad,
accessToken: config.authToken,
embedUrl: embedUrl,
id: config.dashboardId,
pageView: 'fitToWidth',
pageName: 'Profile',
settings: {
filterPaneEnabled: false,
navContentPaneEnabled: false
}
};
var pbiconfigmessage = JSON.stringify(pbiconfig);

// Get a reference to the embedded dashboard HTML element
var dashboardContainer = $('#divDashBoardContainer')[0];

// Embed the dashboard and display it within the div container.
var dashboard = powerbi.embed(dashboardContainer, pbiconfig);

var $dataSelectedContainer = $("#dataSelectedContainer");
//dashboard.off("rendered");

// dashboard.on("rendered", function (event) {
// alert("rendered!");
//});

dashboard.off("dataSelected");
dashboard.on("dataSelected", function (e) {
alert("dataSelected!");
var data = event.detail;
alert(data);
// JSON.stringify(data);
$dataSelectedContainer.text(JSON.stringify(data, null, ' '));
});

This code is working fine in Chrome but in our IE the dataSelected event is not firing.

My IE version 11 on Windows 7 machine. 

The page has <meta http-equiv="X-UA-Compatible" content="IE=edge" /> already.

Regards,

Yasotha