[jQuery] getting the text inside the first <li>

[jQuery] getting the text inside the first <li>


Hi :)
I've got a series of nested li's.
<ul>
<li>TEXT1
<ul>
<li>TEXT2</li>
<li>TEXT3</li>
</ul>
</li>
</ul>
if I click on "TEXT1" I want to get just "TEXT1".
but doing this:
$('li').click(function(e){
e.stopPropagation();
alert($(this).text());
});
will alert "TEXT1TEXT2TEXT3".
I tried
$(this).get(0);
but it returns [object HTMLLIElement].
how am I getting the text from this LIElement?
thank you
andrea