seletor [name="value"] não pega valor

Boa tarde pessoal,

estou tentando fazer um calculo entre três selects sempre que um deles é alterado, porém meu select hora inicial só me retorna um valor quando o change é nele mesmo e utilizo o this para pegar o valor, nas outras duas ações ele me retorna 0.

Alguém sabe me dizer porque isto ocorre, pois não está fazendo muito sentido porque os outros campos me retornam o valor normalmente.

//Calcula as horas trabalhadas

 $('select[name="hora_inicio"]').on('change', function(){
 var hi = parseFloat($(this).val());
 var hf = parseFloat($('select[name="hora_fim"]').val());
 var ha = parseFloat($('select[name="hora_almoco"]').val());
 alert(hf + '-' + hi + '-' + ha);
 var ht = hf - hi - ha;
 $('input[name="horas_trabalhadas"]').val(ht);
 });
 $('select[name="hora_fim"]').on('change', function(){
 var hi = parseFloat($('select[name="hora_inicio"]').val());
 var hf = parseFloat($(this).val());
 var ha = parseFloat($('select[name="hora_almoco"]').val());
 alert(hf + '-' + hi + '-' + ha);
 var ht = hf - hi - ha;
 $('input[name="horas_trabalhadas"]').val(ht);
 });
 $('select[name="hora_almoco"]').on('change', function(){
 var hi = parseFloat($('select[name="hora_inicio"]').val());
 var hf = parseFloat($('select[name="hora_fim"]').val());
 var ha = parseFloat($(this).val());
 alert(hf + '-' + hi + '-' + ha);
 var ht = hf - hi - ha;
 $('input[name="horas_trabalhadas"]').val(ht);
 });