I have a scenario where I have 3 google maps all in separate hidden divs. When the associated tab is clicked, the map is displayed and I need to call the 'resize' event to ensure the google map renders correctly (see http://stackoverflow.com/questions/4528490/google-map-v3-off-center-in-hidden-div).

Using the above solution worked fine. However, I took a look at the documentation for .live() and it said that it was deprecated in favour for .on(). When I used .on() the event was called but the google map issue was not resolved. If I use .live() it works.

This was the case for Firefox (11), Chrome (18.0.1025.165) and Safari (5.1.5). I have not tested in IE.