jQueryで指定した要素の先頭に新要素を追加する方法 .prepend

以下のリストの先頭に<li>1</li>を追加したい場合の想定です。

<ul>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>

以下のjQueryコードで要素の先頭に新要素を追加できます。

var str = '1';
$('ul').prepend($('<li />').append(str));

実行結果

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>