On clicking an element get child hidden input field's value

html, javascript, jquery

Solution

jQuery(document).on('click', ".des_searchDate", function(){
var decDate = jQuery(this).find('input').val();
alert(decDate);
});

demo fiddle

Problem

In the following code when I click on anchor tag with class `des_searchDate` I want to get the value of immediate following input field value. I tried following ``` <html> <div class="searched_date"> <a href="#" class="des_searchDate"> 04-15-2014 <input type="hidden" value="2014-04-15" name="searched-date"> </a><br> <a href="#" class="des_searchDate"> 04-09-2014 <input type="hidden" value="2014-04-09" name="searched-date"> </a><br> <a href="#" class="des_searchDate"> 04-23-2014 <input type="hidden" value="2014-04-23" name="searched-date"> </a><br> </div> </html> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).on('click', ".des_searchDate", function(){ var decDate = jQuery(this).next().find('input').val(); alert(decDate); }); </script> ``` But I am getting undefined in alert. What is wrong with my code?

Original source