Error can't get value other from input type hidden
<p>index.php i am using:</p>

<pre><code>&lt;script src="srcipt.js"&gt;&lt;/script&gt;
    &lt;div id="demo"&gt;
        &lt;h3&gt;&lt;input type="hidden" name="id" value='1' /&gt;test1&lt;/h3&gt;
        &lt;h3&gt;&lt;input type="hidden" name="id" value='2' /&gt;test2&lt;/h3&gt;
        &lt;h3&gt;&lt;input type="hidden" name="id" value='3' /&gt;test3&lt;/h3&gt;
        &lt;h3&gt;&lt;input type="hidden" name="id" value='4' /&gt;test4&lt;/h3&gt;
        &lt;h3&gt;&lt;input type="hidden" name="id" value='5' /&gt;test5&lt;/h3&gt;
    &lt;/div&gt;
</code></pre>

<p>in script.js</p>

<pre><code>$(document).ready(function(){
    $('#demo h3').click(function(){
       var id = $(this).parent().find('input[type="hidden"][name="id"]').val();
       alert(id);
    });
});
</code></pre>

<p>When I click on "test1" result 1
, click on "test2" result 1
...
, click on "test5" result 1</p>

<blockquote>
  <p>How to get value when click on "test2" is result 2, how to fix it ?</p>
</blockquote>
