jQuery Tabs Do Not Update Browser's Location Bar

As you switch tabs when using the jQuery UI Tabs widget, the browser location bar stays on the same URI as when you hit the page. If you land on the page with the URI #tab2, and you are now viewing the 4th tab, the URI in the location bar will still say #tab2. This means that if you bookmark the page with default browser behavior, you will bookmark the wrong tab. It also makes it easy to copy and paste the wrong URI to somebody.

The fix is easy. If this is the default way to invoke the Tabs UI:

$('#tabs').tabs();

This is how to fix the bug above:

$('#tabs').tabs();

$('#tabs ul li a').click(function () {location.hash = $(this).attr('href');});

That second line need only be rolled into the UI code itself.