title: Get value of inside input tag when clicked outer div in Jquery
body: <p>I have a program looping same <code>&lt;div&gt;</code> a number of times.</p>
  
  <pre><code>&lt;div class="check"&gt;&lt;input type="hidden" class="value" value="1" /&gt;Click 1&lt;/div&gt;
  &lt;div class="check"&gt;&lt;input type="hidden" class="value" value="2" /&gt;Click 2&lt;/div&gt;
  &lt;div class="check"&gt;&lt;input type="hidden" class="value" value="3" /&gt;Click 3&lt;/div&gt;
  &lt;div id="result"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>In above HTML code every <code>&lt;div&gt;</code> and <code>&lt;input&gt;</code> tag has same class name, So How can I access input value for only clicked  class.</p>
  
  <p>I am using following JQuery but getting only same values.</p>
  
  <pre><code>$('.check').click(function(){
  var ans =    $('.value').val();
      $('#result').html(ans);
  });
  </code></pre>
  
  <p>Demo : <a href="http://jsfiddle.net/hyvto0aa/" rel="nofollow">http://jsfiddle.net/hyvto0aa/</a></p>