title: Change font-size on mouse over, revert to original on mouse leave
body: <p>I'm trying to write a function that changes the font-size of an element when the mouse enters it, and revert it back to its original font-size when the mouse leaves it. This is what I have:</p>
  
  <pre><code>   $(".month").hover(function(){
  
          var size = $(this).css("font-size");
  
          $(this).stop().animate({
              fontSize: start_font + font_off,
              opacity: '1'
          }, 200);    
  
      },function(){
  
          $(this).stop().animate({
              fontSize: size,
              opacity: '1'
          }, 200);
      });
  </code></pre>
  
  <p>It changes the font size on mouse in, but when the mouse leaves, it just stays the same size. (I did an alert(size) after the font-size change, and it holds the correct value.) What am I doing wrong here?</p>