how to pick up string inside a <li> tag using jquery
<p>I've a simple list and a form text-field:</p>

<pre><code>&lt;ul&gt;
  &lt;li class="item"&gt;one&lt;/li&gt;
  &lt;li class="item"&gt;two&lt;/li&gt;
  &lt;li class="item"&gt;three&lt;/li&gt;
  &lt;li class="item"&gt;four&lt;/li&gt;
&lt;/ul&gt;
&lt;input id="field" type="text" /&gt;
</code></pre>

<p>When the user clicks on an <code>&lt;li&gt;</code> item, I want the string inside the li element to be assigned the value of the input field.</p>

<p>Something like:</p>

<pre><code>$('.item').click( function(){
  $('#field').val(/*put the string inside the li element just clicked*/);
});
</code></pre>

<p>So how do I get the string in the <code>li</code> element?</p>
