jsでのDOM要素の追加をjQueryで書き換える

jsで書いたあとにjQueryでの書き方を知ったら、非常に見やすくて感動したので。

example.js

//親要素
var parentdiv;

//jsべた書き
var element = document.createElement("p");
var text = document.createTextNode("TEXT");
element.appendChild(text);
element.setAttribute("id", "identifier");
parentdiv.appendChild(element);

//jQuery
var $element = $('<p></p>', {
  id: 'identifier',
  text: 'TEXT'
});
parentdiv.appendChild($element[0]);

result.html

<div>
  <p id="identifier">TEXT</p>
</div>