Carregamento de GridView chamando Função do Code Behind com JQuery

Bom dia galera... Sou novo por aqui e estou com uma grande dúvida estou fazendo o carregamento de uma gridView em uma função do code behind, mas essa função tem de ser chamada de uma outra função em JQuery pois preciso fazer umas contas antes de mandar os dados para a grid.

esse é o JQuery que estou usando:

<script type="text/javascript">
 $(document).ready(function(){
 /* ao pressionar uma tecla em um campo que seja de class="pula" */
 $('.valida').keypress(function (e) {
 /* * verifica se o evento é Keycode (para IE e outros browsers)
 * se não for pega o evento Which (Firefox) */
 var tecla = (e.keyCode ? e.keyCode : e.which);
 /* verifica se a tecla pressionada foi o ENTER */
 if(tecla == 13 || tecla == 9){
 var qtde, pu, vl, lote;
 qtde = $("#<%=txbQtde.ClientID%>").val();
 pu = $("#<%=txbPrecoOper.ClientID%>").val();
 vl = $("#<%=txbValor.ClientID%>").val();
 lote = $("#<%=txtLote.ClientID%>").val();

 if (pu != "" && qtde == "") {
 if ((vl != 0) && (pu != 0) && (lote != 0)) {
 $("#<%=txbQtde.ClientID%>").val((vl / pu) * lote);
 alert("#<%= carregaGrid()%>");
 }
 } else if ((pu == "") && (qtde != "")) {
 if (qtde != 0 && vl != 0 && lote != 0) {
 $("#<%=txbPrecoOper.ClientID%>").val((vl * lote) / qtde);
 alert("#<%= carregaGrid()%>");
 }
 } else if (pu != "" && qtde != "") {
 if ((qtde != 0) && (pu != 0) && (lote != 0)) {
 $("#<%=txbValor.ClientID%>").val((pu * qtde) / lote);
 alert("#<%= carregaGrid()%>");
 }
 }
 }
 })
 })

 </script>

Ele está funcionando o problema é que coloca os dados na grid repetido ... sempre carrega três vezes... Alguém poderia me ajudar?