Pobranie wartości sąsiedniego elementu

Problem niby prosty, ot taki kod:

  1. <form action="#" method="POST"><input value="123" type="hidden">
  2. <div class="Button"><span>Przycisk</span></div>
  3. </form>

Teraz za pomocą JavaScript chcemy pobrać wartość z input. Jak to zrobić? 1 linijka z wykorzystaniem jQuery :)

  1. $("form .tsButton").click(function(){
  2. var zmienna = $(this).siblings('input').val();
  3. });

Już teraz w zmiennej „zmienna” mamy pobraną wartość z ukrytego inputa, czyli 123.