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