add() callback called after show()

I have an empty tabs structure which I create programatically:

jQuery('<div/>').append('<ul/>').tabs({
  add: function(event, ui) {
    console.log('tab created', ui.panel);
  },
  show: function(event, ui) {
    console.log('tab opened', ui.panel);
  }
}).tabs('add', '#test', 'Test');

Strangely though, the show callback gets called before the add callback:

EXPECTED OUTPUT:

[tab created] [div#test]

[tab selected] [div#test]

ACTUAL OUTPUT:

[tab selected] undefined

[tab created] [div#test]

OUTPUT THAT WOULD BE FINE AS WELL:

[tab selected] undefined

[tab created] [div#test]

[tab selected] [div#test]

I want to load content lazily so I fill the panel on the first show. The behaviour, as it is implemented, makes this quite clumsy since I have to check for presence of the panel and then call the show callback manually for the first tab to initialize its contents.