title: .blur() vs .on() , which is better to use ( currently )
body: <p>I am doing my first form calculations and here is the jQuery I've researched and come up with over the last day.</p>
  
  <p>This is just from what I've found to get everything working btw, not necessarily the best way probably. My boss would like me to use <code>.blur()</code> instead of <code>.on()</code>, however I have more control, I feel, with <code>.on()</code> by being able to do calculations with <em>keyup &amp; click</em> on the form input. </p>
  
  <p>Can someone please update me on which is better to use in this situation? Has <code>.on()</code> been depreciated and better to use <code>.blur()</code> or are they both ok in this situation? Also if blur is better to use can someone show me how to re-do my funciton w/ blur so im on the right path? Thanks!</p>
  
  <p><a href="http://jsfiddle.net/V5hrY/4/" rel="nofollow">http://jsfiddle.net/V5hrY/4/</a></p>
  
  <pre><code>$(".ticket input").on("keyup click", function(){
  
      //input changes Individual total
      var thisTotal = $(this).closest(".info").find('.total p span');
      var thisPrice = $(this).closest(".info").find('.price p span');
      var thisInput = $(this).closest(".info").find('.ticket input');
      thisTotal.html(thisPrice.html() * thisInput.val());
  
      //input changes Grand total
      var sum = 0;
      $('.total p span').each(function(){
          sum += parseFloat($(this).text());
          $('.gTotal span').html(sum);
      });
  
  });
  </code></pre>