title: get hidden value from loop div with jquery
body: <p>i have a search button. when the search button is clicked, it will generate this code :</p>
  
  <pre><code>&lt;div class = 'clickedResult' title = 'click to see details'&gt;
   &lt;table&gt;the result will br written in this table &lt;/table&gt;
   &lt;input type = 'hidden' class = 'form_id' value = '$form_id' /&gt; 
   &lt;input type = 'hidden' class = 'status' value = '$status' /&gt;
   &lt;/div&gt; &lt;br/&gt;
  </code></pre>
  
  <p>this code is inside loop, the loop goes twice and the result of the loop is this </p>
  
  <pre><code>&lt;div class = 'clickedResult' title = 'click to see details'&gt;
   &lt;table&gt;the result will br written in this table &lt;/table&gt;
   &lt;input type = 'hidden' class = 'form_id' value = '14' /&gt; 
   &lt;input type = 'hidden' class = 'status' value = 'latest' /&gt;
   &lt;/div&gt; 
  
  &lt;div class = 'clickedResult' title = 'click to see details'&gt;
   &lt;table&gt;the result will br written in this table &lt;/table&gt;
   &lt;input type = 'hidden' class = 'form_id' value = '48' /&gt; 
   &lt;input type = 'hidden' class = 'status' value = 'updated' /&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>if one of the table is clicked, it will do this (i use jquery)</p>
  
  <pre><code>$(".clickedResult").click(function()
    {
    $('.clickedResult input.form_id').each(function() 
        {
       alert($(this).val());
    });
    });
  </code></pre>
  
  <p>it will alert 14 and 48...  how to alert only 14 if i click the first table ? and if i click the second table it will alert 48 ?</p>