I've got a couple of AJAX calls on a page. They populate separate but related divs. I'd like both divs to be the same size, so I call this function from both returning functions:

Code:
	reSize: function () {
		var htCat = xHeight(sn_crumbs.elCategories);
		var htTtl = xHeight(sn_crumbs.elTitles);
		var maxHt = Math.max(htTtl, htCat);
		console.log('pre height: ' + htCat + ', ' + htTtl + ' max: ' + maxHt);
		xHeight(sn_crumbs.elCategories.style.height, maxHt);
		xHeight(sn_crumbs.elTitles.style.height, maxHt);
		htTtl = xHeight(sn_crumbs.elTitles);
		htCat = xHeight(sn_crumbs.elCategories);
		console.log('post height: ' + htCat + ', ' + htTtl + ' max: ' + maxHt);
	}
I'm getting this reply (one page):

pre height: 275, 0 max: 275
post height: 275, 0 max: 275
pre height: 275, 0 max: 275
post height: 275, 0 max: 275

So it doesn't look like the height is being updated.

Any help appreciated.
- AAA