how to deal with an array, if I just want return one specific value from it when clicking
<p>I have some <code>&lt;li&gt;</code> items appended by jQuery $.getJSON function.</p>

<p>for example:</p>

<pre><code>&lt;ul&gt;
&lt;li&gt;&lt;input type="image" name="click_this" value="SOMEUUID" /&gt;FOO&lt;/li&gt;
&lt;li&gt;&lt;input type="image" name="click_this" value="SOMEUUID" /&gt;BAR&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>and I want make sure when I click on one of above images, I can got it's value.</p>

<p>I make follow script:</p>

<pre><code>for (e=0; e&lt;$('input[name="click_this"]').length; e++) {
  $('input[name="click_this"]')[e].click(function(){
     console.log($('input[name="click_this"]')[e].value);
  });
}
</code></pre>

<p>But when I load this script, before I click it display all values in my console...
How can I make this thing right?
Thank you very much.</p>
