jQuery: how to change title of document during .ready()?

Question

I am using some nested layouts in Ruby on Rails, and in one of the layouts i have a need to read in a string from a div and set that as the title of the document. What is co

Answer 1

Like this:

$(document).ready(function ()
{
    document.title = "Hello World!";
});

Be sure to set a default-title if you want your site to be properly indexed by search-engines.

A little tip:

$(function ()
{
    // this is a shorthand for the whole document-ready thing
    // In my opinion, it's more readable 
});

Answer 2

document.title was not working for me.

Here is another way to do it using JQuery

$('html head').find('title').text("My New Page Title");

Answer 3

If you have got a serverside script get_title.php that echoes the current title session this works fine in jQuery:

$.get('get_title.php',function(*respons*){
    title=*respons* + 'whatever you want'   
    $(document).attr('title',title)
})

Answer 4

The following should work but it wouldn't be SEO compatible. It's best to put the title in the title tag.

<script type="text/javascript">

    $(document).ready(function() {
        document.title = 'blah';
    });

</script>

Answer 5

Do not use $('title').text('hi'), because IE doesn't support it.

It is better to use document.title = 'new title';

Answer 6

This works fine in all browser...

$(document).attr("title", "New Title");

Works in IE too