[elias]

Здравствуйте

У меня такая задача - нужно добавить тег span в начало кажного элемента списка li, то есть <li>тест</li> превратить в <li><span>блок</span>тест</li>
Пытаюсь делать так:

$(document).ready(function(){
	$('#menu li:first-child').before('<span>Test</span>');
});

Пример моего списка:

<ul id="menu">
	<li><a href="#">Категория 1</a>
		<ul>
			<li><a href="#">Субкатегория 1.1</a></li>
			<li><a href="#">Субкатегория 1.2</a></li>
			<li><a href="#">Субкатегория 1.3</a></li>
		</ul>
	</li>
	<li><a href="#">Категория 2</a>
		<ul>
			<li><a href="#">Субкатегория 2.1</a></li>
			<li><a href="#">Субкатегория 2.2</a></li>
		</ul>
	</li>
</ul>

Но тег добавляется в начало содерджимого ul. Помогите, пожалуйста.