title: JQuery dynamically change number
body: <p>Internet shop. Cart. Products in the cart:</p>
  
  <pre><code>name | price | count | pricecount  
  Car  | 10usd |   2   |   20usd
  </code></pre>
  
  <p>count is <code>&lt;input type='number' class='changecount'&gt;</code>, if I change it I want to take the inputed number, then multiply by price and change text value of pricecount. But I want to do it with effect like so:</p>
  
  <pre><code>price = 10; count = 2; pricecount = 20; -&gt;&gt; change count to 3 so pricecount = 30;
  pricecount changes from 20 to 30 with effect showing 21,22,23..30 (like timer)
  </code></pre>
  
  <p>Changes the text but without effect</p>
  
  <pre><code>$('.changecount').blur(function(){
      var $price = $(this).parent().siblings('.gprice').text();
      var $value = $(this).val();
      var $pricecount = $price * $value;
      $(this).parent().siblings('.gpricecount').text($pricecount);
  });
  </code></pre>
  
  <p>How can I do it with JQuery ?</p>