I am trying to add two buttons to controlgroup dynamically. The controlgroup is contained within the header. I want the two buttons to be side by side on the right side of header.
But the buttons are getting added in vertical way and also there is a rectangular box around the buttons. How can I do it in correct manner?
Link: http://jsfiddle.net/saQFx/1/
$('div[data-role="controlgroup"]').append('<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" id="open-panel"></a>');
$('div[data-role="controlgroup"]').append('<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" id="open-panel2"></a>');
$('#open-panel').button();
$('#open-panel2').button();
