Edit in JSFiddle

$(document).ready(function() {

$("#peso").focus();

$('#peso').keyup(function(e){
    if(e.keyCode == 13) {
        $("#grasa").focus();
    }
});

$('#grasa').keyup(function(e){
    if(e.keyCode == 13) {
       calcular();
    }
});


});


function calcular () {

var peso = parseFloat(   $('#peso').val()  ).toFixed(2);
var grasa = parseFloat(   $('#grasa').val()  ).toFixed(2);

var grasaEnKg = (peso * grasa) /100;
var total = peso - grasaEnKg;

$('.peso h3').html (total.toFixed(2)  + "Kg");
$('.grasa h3').html (grasaEnKg.toFixed(2) + "Kg");

console.log(peso, grasa);

}

<div>
<label>Peso en Kg</label>
<input type="text" name="" id="peso">
</div><div>
<label>Grasa en %</label>
<input type="text" name="" id="grasa">
</div>
<br/>

<div class="resultado peso">
 Peso de músculo:
 <h3>0Kg</h3>
 </div>
<div class="resultado grasa">
 Peso de grasa:
<h3>0%</h3>
</div>
<br><br>
* Peso aproximado

html, body {
    font-family: arial;  
}


input, label{
  display: block;
}

label{
  padding-bottom: 10px;
}

div {
  display: inline-block;
  padding: 20px;
}

.peso h3, .grasa h3 {
  color: #0e47bb;
  font-size: 40px;
  font-weight: bolder;
  margin: 0;
  padding: 0;
}