Javascript not Adding two values from dropdown and input element - solved

prepend "+" to value
use canary : (+waiting_charge + +ifare)
check the example

<div id="dfare"><input type="text" id="ifare" name="ifare" value="125.86554215"></div> <select name="wait" id="wait" onchange="getwait()" > <option value="0">--- Waiting Time ---</option> <option value="30">30 Mins</option> <option value="60">1 Hour</option> <option value="90">1 Hour 30 Mins</option> <option value="120">2 Hour</option> <option value="150">2 Hour 30 Mins</option> <option value="180">3 Hour</option> <option value="210">3 Hour 30 Mins</option> <option value="240">4 Hour</option> <option value="270">4 Hour 30 Mins</option> <option value="300">5 Hour</option> <option value="330">5 Hour 30 Mins</option> <option value="360">6 Hour</option> <option value="390">6 Hour 30 Mins</option> </select> <script type="text/javascript"> function getwait(){ var ifare = document.getElementById('ifare').value; var k = document.getElementById('wait'); var waiting = k.options[k.selectedIndex].value; var tfare = (+waiting + +ifare); //document.getElementById("dfare").innerHTML += '<Br>Base Fare : $ ' + parseFloat(ifare).toFixed(2) + '<br>'; //document.getElementById("dfare").innerHTML += '<Br>Waiting Charge : $ ' + parseFloat(waiting,2) + '<br>'; document.getElementById("dfare").innerHTML += '<br>Total Fare : ' + parseFloat(tfare).toFixed(2) + '<br>'; document.getElementById("dfare").innerHTML += '<input type="text" name="tfare" id="tfare" value="' + parseFloat(tfare).toFixed(2) + '" />'; } </script>