How to change the title of the page dynamically? I created a basic page in my drupal 7 site.

On that page I have some jquery tabs. When I click on tab1 its content displays and hides the contents of other tabs, and when I click on tab2 its content displays and hide other contents and so on.

So I want to change the title of the page in the content area according to the tab selected. If tab1 selected and its content are showing then title of the page in content area should be changed according to the tab content(for example Tab1) and similarly for others.

Is this possible?

I have tried drupal_set_title("Tab1") but it does not change the title of the page. and also it will not help me because it will change the title once and I want dynamic based on the tab selected.
You need to add an onclick() event handler for all tabs.
Assuming UL LI layout http://jsfiddle.net/k7Gkm/ 

$(".my_tabs").click(function(){
 $("#header").html($(this).html());
});