Mam taki kod HTML:

<p>
  <label>Arrive</label>
  <input id="from-date1" class="from-date calender" type="text" />
</p>

<p>
  <label>Depart</label>
  <input id="to-date1" class="to-date calender" type="text" />
</p>

<p>
  <label>Arrive</label>
  <input id="from-date2" class="from-date calender" type="text" />
</p>

<p>
  <label>Depart</label>
  <input id="to-date2" class="to-date calender" type="text" />
</p>

Chcę uzyskać następny element po datach, aby uzyskać odpowiednią datę. (Układ jest trochę bardziej złożony, ale od daty ma klasę od daty do tej pory i do tej pory).

Próbuję to zrobić, chcę wziąć element z datą i znaleźć następny element w domenie z klasą do tej pory. Próbowałem tego:

$('#from-date1').next('.to-date')

ale daje mi pusty element jQuery. Myślę, że tak jestnext daje następnemu rodzeństwu pasujące do selektora. Jak mogę uzyskać odpowiednieto-date?