Ich habe ein HTML-Markup wie dieses:

<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>

Ich möchte das nächste Element nach einem Datum abrufen, um das entsprechende Datum zu erhalten. (Das Layout ist etwas komplexer, aber ab Datum hat eine Ab-Datum-Klasse und bis heute eine Ab-Datum-Klasse).

Das ist, was ich versuche, ich möchte ein from date-Element nehmen und das nächste Element in der dom mit der aktuellen Klasse finden. Ich habe es versucht:

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

aber es gibt mir leeres jQuery-Element. Ich denke das liegt darannext gibt das nächste zu dem Selektor passende Geschwister an. Wie bekomme ich das entsprechendeto-date?