jquery - iPadでイベントが発生しない変更

Question

私はこのページを世界中のすべてのブラウザ（Firefox、Safari、Chrome、Opera、おそらく私の電子レンジメニューも）で動作させています... ipadでは、イベントの変更は発生しないようです...私がやろうとしているのはbmiフィールドを計算し、計算値を入力します。qhichは、「altezza」と「peso」の値に依存します。私はjquerymobileを使用していますが、これもこのページで少しクラッシュしているようです。「peso」のテキストフィールドを選択すると、フッターがページの最後ではなくページの中央に留まります。javascriptまたはphpエラーはスローされません。私はfirebugを使用しています。

<script type="text/javascript">
jQuery("div:jqmData(role='page'):last").bind('pageinit', function(){
var altezza;
var peso;
// CALCOLO BMI
function roundNumber(num, dec) {
    var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
    return result;
}
function calcolaBmi(){
    var altezzaBMI=$("#altezza").val();
    var pesoBMI=$("#peso").val();

    if(altezzaBMI!="" || pesoBMI!=""){
        alert("calcolo"+$("#peso").val());
    }
    if(altezzaBMI=="" || pesoBMI==""){
        $("#bmi").val("");
    }else{
        altezzaBMI=parseFloat($("#altezza").val());
        pesoBMI=parseFloat($("#peso").val());
        bmi=pesoBMI/(Math.pow(altezzaBMI/100,2));
        $("#bmi").val(roundNumber(bmi,2));
        alert("Altezza:"+altezzaBMI+" Peso:"+pesoBMI+" "+bmi);          
    }
}

$("input[name=altezza]").change(function () {
    calcolaBmi();
});
$("input[name=peso]").change(function () {
    calcolaBmi();
});
}
</script> 


<div data-role="content"> 
 <form action="#" id="Scheda2Form" class="validate">
  <div data-role="fieldcontain">  
  <label for="altezza">1. Altezza (in centimetri):</label>
  <input type="text" name="altezza" id="altezza" onkeyup="this.value=this.value.replace(/[^\d]/,'')" value="" />
  </div>
  <div data-role="fieldcontain"> 
  <label for="peso">Peso (in chilogrammi):</label>
  <input type="text" name="peso" id="peso" onkeyup="this.value=this.value.replace(/[^\d]/,'')"  value="" />
  </div>
  <div data-role="fieldcontain"> 
  <label for="bmi">BMI:</label>
  <input type="text" name="bmi" id="bmi" value=""/>
  </div>     

何が問題になる可能性がありますか？