Как добавить тег в каждый элемент списка?

[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. Помогите, пожалуйста.

[chippolino]

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(function(){
		(li=$('li')).html('<span> test </span>'+li.html());
	});
</script>
<li>тест</li>

[Octane]

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(function(){
		(li=$('li')).html('<span> test </span>'+li.html());
	});
</script>
<li>тест</li>

Что за ужасы!?

<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(function(){
    $("#menu li").prepend("<span>блок</span>");
});
</script>
<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>

[elias]

chippolino, нет, такой вариант не подходит в случае с вложенными категориями. По сути мне нужно перевести на jquery следующий код:

for(i=0; i<elem.getElementsByTagName('li').length; i++){
	temp = document.createElement('span');
	temp.innerHTML = 'test';
	elem.getElementsByTagName("li")[i].insertBefore(temp,elem.getElementsByTagName("li")[i].firstChild);
}

[elias]

Octane, да-да, это именно то что мне нужно, благодарю!