JQuery :: Using Ajax-loaded Data By Html()?

$('#food_rate').load('/ajax.php?x=get_food');
$('#tax_rate').load('/ajax.php?x=get_tax');
$('#mood').html(function(){
return ($('#food_rate').html()-$('#tax_rate').html())*10;
});

$('#mood').html always contains the value of the values food_rate and tax_rate had before I loaded the new values in. (Before Line 1 and 2 happen)I already red, about event bubbling and event delegation, but the html-elements fax_rate and food_rate exist from the beginning, and only their innerHTML does change.