title: JQuery load functions on AJAX call
body: <p>I've got a field on a form, that when it's filled it calls an ajax call.</p>
  
  <p>The ajax call fills the other fields of the form fine and everything.</p>
  
  <p>But I've got some functions on them fields and they are only working after I click on those fields..</p>
  
  <pre><code>$('#lista').on('keypress keydown keyup change',function(){
      var qtd_itens = $('#lista tbody').children('tr').length + 1;
      somatotal = 0;
      for ($i = 0; $i &lt; qtd_itens; $i++) {
          acho = new String($(':input[name="qtd' + $i + '"]').val()),
      alto = new String($(':input[name="preco' + $i + '"]').val());
      acho = acho.replace(',', '.');
      alto = alto.replace('.', '');
      alto = alto.replace(',', '.');
          v = 0;
  
          if (!isNaN(acho) &amp;&amp; !isNaN(alto)){
              v = parseFloat(acho*alto,2);
          }
          $(':input[name="total' + $i + '"]').val(formatter.format(v));
      somatotal += v;
      $(':input[name="valortotal"]').val(formatter.format(somatotal));
      }
  });
  </code></pre>
  
  <p>I know this is happening because I am using the on('keypress keydown keyup change' event. But, is there a way that when the ajax call is called this already does the job without me clicking on the fields?</p>