JQuery вложенные DOM-узлы> 3 уровня

Question

Попытка вложить вновь созданные узлы DOM на 3 уровня. Я использую следующий код:

var dom = $('<div>').append('<a>').append('<span>');

результат кода выше:

<div>
     <a></a>
     <span></span> 
</div>

желаемый вывод:

<div>
     <a>
          <span></span>
     </a>
</div>

Answer 1

var dom = $('<div>').append('<a><span>')

Answer 2

var dom = $('<div />')
              .append(
                  $('<a />')
                      .append(
                          $('<span />')));