getting text from second child span with jquery

Question

Trying to get text from nested span(which is the second of two elements in an li) into an input. my function isnt working not sure why.

html

<ul id="dir"><li><img><span>TEXT TO GET</span></li></ul>
<input type="text" id="target">

jQuery

$("#dir li").click(function(){
$("target").val($(this).children[1].text());
});

Answer 1

Or this:

$("#dir li").click(function(){
   $("#target").val($($(this).children()[1]).text());
});

Answer 2

Use .find()

var text = $(this).find("span").text();
$("target").val(text);