how to get different hidden field values in multiple form in a page <p>in a page i have 2 forms where both having a hidden field named operation(same name for both form)</p> <pre><code>included jquery.min-1.5.js &amp; jquery-ui.min-1.8.js &lt;script&gt; $(document).ready(function(){ $('#get_val').live('click', function() { alert($('#operation').val()); }); }); &lt;/script&gt; &lt;form id="form_como" name="form_como" action="go.php" method="post"&gt; //some code..... &lt;input type="hidden" name="operation" id="operation" value="first"&gt; &lt;input type="button" name="get_val" id="get_val" value="Get Val"/&gt; &lt;/form&gt; &lt;br /&gt; &lt;form id="form_como2" name="form_como2" action="" method="post"&gt; //some code..... &lt;input type="hidden" name="operation" id="operation" value="second"&gt; &lt;input type="button" name="get_val" id="get_val" value="Get Val"/&gt; &lt;/form&gt; </code></pre> <p>When i click "Get Val" button i always get 'first" (for both cases). but i need the value of the button which one i have clicked.</p>