jQuery - get neighborhood element

Question

I need to get neighborhood element value.

HTML is

<div>
    <input type='hidden' value='12345'>
    <div id='click-this'>Click me</div>
</div>

How can i get "12345" by clicking "click-this" div ?

$('#click-this').click(function() {
    ??? 12345 ???
})

Answer 1

You could do this in multiple ways, but the word neighborhood suggests you could use siblings:

$('#click-this').siblings('input').val();

Answer 2

I haven't tested this but try: (based on documentation of jQuery 1.4.2)

$('#click-this').click(function() {
   alert($(this).prev().val());
});

Answer 3

Few more ways :-

$('#click-this').click(function() {
    var value = $(this).parent().children().eq(0).attr('value'); 
                      or
    var value = $(this).parent().children().eq(0).val(); 
});