get selected value from multiple <li> using jquery
<p>i have a unordered list of data, and within each <code>&lt;li&gt;</code> i have a hidden input which contain the different values for each <code>&lt;li&gt;</code></p>

<pre><code>&lt;form&gt;
    &lt;ul&gt;
    &lt;li&gt;&lt;input type="hidden" id="tid" value="1" /&gt;Apple&lt;/li&gt;
    &lt;li&gt;&lt;input type="hidden" id="tid" value="2" /&gt;Orange&lt;/li&gt;
    &lt;li&gt;&lt;input type="hidden" id="tid" value="3" /&gt;Pear&lt;/li&gt;
    &lt;/ul&gt;

&lt;/form&gt;
</code></pre>

<p>how do i retrieve the post value from the hidden input when a particular <code>&lt;li&gt;</code> is clicked through jquery??</p>
