JQuery :: Click Link Do Animation Then Go To Next Page?

i have a link the jquery code says when my link is clicked do this animation the problem is that when you click on the link it skips the animation and jumps to the next page. is there a way to make the animation run and when finished then go to the link page that the link anchors to?

click link animate then go to page

$(function() {
$('a').click(function(){
$('#yummy').animate({height: 200, width: 200}, 3000) });
});