Syntaxe objet pour élements multiples

Bonjour,
Je cherche la synthaxe correcte pour créer un objet jquery comportant plusieurs éléments DOM.

Voilà ce que je cherche à réaliser:

Code:

1
2
3
4
5
6
7
8
9
10
$('<div/>').append(newBlock());
/////
function newBlock()
{
      var $block =$( $('<h1/>')
                              .text('Title'), //????
                         $('<h2/>')
                               .text('subTitle'));
      return $block;
}

J'arrive en passant par un simulacre d'outer html mais cela est bien trop lourd:

Code:

1
2
3
4
5
6
7
8
9
10
$('<div/>').append(newBlock());
/////
function newBlock()
{
      var h1  = $('<h1/>')
                         .text('Title');
      var h2  = $('<h2/>')
                          .text('subTitle');
      return $("<div>").append(h1.clone()).html()+$("<div>").append(h2.clone()).html();
}

Merci de votre aide.

function newBlock(lib1,lib2) { return $('<div/>') .append( $('<h1/>') .text(lib1), $('<h1/>') .text(lib2) ) .html(); }