Вставьте элемент в li с идентификатором, используя jQuery

Question

У меня есть следующий код

<ul id="box1">
  <li id="node3">Student C</li>
  <li id="node1">Student A</li>
  <li id="node2">Student B</li>
</ul>

Я хочу добавить в 'node1' текстовое поле, как я могу на него сослаться?

$("li[id^=node]:last").attr("id") - дает мне идентификатор объекта, который я добавил последним, если я перебираю его, я получаю все нужные мне идентификаторы, но теперь я знаю идентификатор и хочу вставить в него.

Я пробовал до () и после (), но это бесполезно, мне нужно вставить текстовый файл внутри тега <li>. Таким образом, финал будет выглядеть так:

<ul id="box1">
  <li id="node3">Student C</li>
  <li id="node1">Student A <input type="text" name="studAValue" style="margin-left:25px"/> </li>
  <li id="node2">Student B</li>
</ul>

Answer 1

Попробуйте

$("li[id^='node']:last").append('<b>test</b>');

Рабочая демоверсия http://jsfiddle.net/uwXSR/

Answer 2

Просто обратитесь к нему по номеру:

$("#node1").append(
    '<input type="text" name="studAValue" style="margin-left:25px"/>');

Или в нативном JavaScript:

document.getElementById("node1").innerHTML += 
    '<input type="text" name="studAValue" style="margin-left:25px"/>';

Answer 3

http://jsfiddle.net/VfZuk/4/

$('#node1').append($('<input type="text" name="studAValue" style="margin-left:25px"/>'));