java - Highcharts Legends issue in IE

Question

I have a highchart stacked column containing Fruits in the X-axis as categories and Total count in the Y-axis as series,

xAxis: { categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }
yAxis: { title: { text: 'Total Count'} }
series: [{name: 'John&Chandler&Steve&Edward',
                 data: [5, 3, 4, 7, 2]}, 
         {name: 'Jeni&Joseph&Isabella&Dany',
                 data: [2, 2, 3, 2, 1]}, 
         {name: 'Ethan&Susan&Charlie&Carol',
                data: [3, 4, 4, 2, 5]}]

This is working fine in Mozilla and Chrome, but in case of IE the series content is getting trimmed. Say in mozilla it is printing as John&Chandler&Steve&Edward but in IE it is printing as John&Chandler&Steve. I am also aware that '&' between the content of chart series is the major cause of the issue in IE. This is where I refered for highcharts.