Różnica czasu inputs

Mam 3 inputy

<input type="time"  name="1stX" />
<input type="time"  name="2ndX" />
<input readonly type="time"  name="3rdX" />

Czy mogę wykonać operację matematyczną odejmując 2ndX od 1stX (godziny) i dającą wynik na 3rdX? Na przykład. Czas 1stX to 5:00, Czas 2ndX to 9:00, więc 3rd daje 4:00

Jak to zrobić najlepiej i najbardziej optymalnie? Zwrócę uwagę, że mam wiele takich przypadków

dla js biblioteka moment.js

da to się zrobić w ten sposób? (jquery/js)
mam to załączone w tle, ale nie działa mi

$("#2ndX").change(() => {
let val = $("#1stX").val() - $("#1stX").val();
$("#3rdX").val(val);
})

Nie działa czyli co? Wyskakuje błąd? Bzdurny wynik? Magic number? :)

Do operacji na czasie również polecam moment.js