title: Jquery keyup on page load
body: <p>I am using jquery keyup to calculate fees ,the keyup is working fine but the problem is on page load fees are not showing that means it is only works when a key is pressed but  i  want to calculate fees on page load.Here is my code </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;&lt;label for="amount"&gt;Amount&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;div class="input-container"&gt;&lt;input name="amount" id="amount"  value="100"  type="text" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
  
  
  
  &lt;tr&gt;
      &lt;td&gt;&lt;label for="fee"&gt;Fee&lt;font color="#CC0000"&gt;(5%)&lt;/font&gt;&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;$ &lt;span id="fees"&gt; &lt;/span&gt;
      &lt;/td&gt;
  
  
    &lt;/tr&gt;
  
  &lt;tr&gt;
      &lt;td&gt;&lt;label for="net"&gt;Net amount&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;$&lt;span id="net"&gt;&lt;/span&gt;
      &lt;/td&gt;
  
  
    &lt;/tr&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$(document).ready(function(){
      $('#amount').on('keyup change', function(){
  
          $('#fees').text($('#amount').val()*(5/100));
  
          $('#net').text($('#amount').val() - ($('#amount').val()*5/100));
  
  
           });    
  });
  </code></pre>