tabs module uses global selectors instead of local to "this.element" element

There is a difference in how does it work in cases:

Consider we have second html converted into document fragment.

var container = $('<div><div id="tabs"><ul><li><a href="#tabs-1">Nunc tincidunt</a></li><li><a href="#tabs-2">Proin dolor</a></li> </ul> <div id="tabs-1"> <p>first</p> </div> <div id="tabs-2"> <p>second</p> </div></div>');

1. container.find('#tabs').appendTo('body').tabs();

2. container.find('#tabs').tabs().appendTo('body');

Variant 1 works as expected but 2 don't.