JQuery - Penjumlahan Bilangan

<!DOCTYPE html>
<html>
<head>
    <title>JQuery Value</title>
    <script src="lib/jquery.min.js"></script>
    <script type="text/javascript">
        // memastikan dokumen selesai dimuat
        $(function(){
           $('#hitung').click(function(){
               var b1, b2, hasil;
               // penggunaan val() utk mengambil nilai
               b1 = $('#bil1').val();
               b2 = $('#bil2').val();
               // parsing nilai dari string ke float
               hasil = parseFloat(b1) + parseFloat(b2);
               // val() untuk mengeset nilai
               $('#hasil').val(hasil);
           });

        });
    </script>
</head>
<body>
<h1>JQuery Value</h1>
    Bilangan 1
<input type="text" id="bil1"><br>
    Bilangan 2
<input type="text" id="bil2"><br>
    Hasil
<input type="text" id="hasil" readonly>
<button id="hitung">Hitung</button><br><br>

</body>
</html>