Add some text using jQuery

Question

I'm using jQuery, I have a div with H2 tags

<div id="preload"><h2></h2></div>

I would like to know how to use jQuery to add a text within the <h2> tags

Final result should be:

<div id="preload"><h2>Some text here</h2></div>

I need to add the text without replacing the tags <h2></h2> in the jQuery script.

Any ideas? Many thanks!

Answer 1

Try something like this :

$("div#preload h2").html("Some Text Here")

See the above code in action for your sample HTML here

Answer 2

$("#preload h2").text('WOOt Woot');

Answer 3

Use .text

$("#preload h2").text("Some text here");

Also not that this must be within either $(document).ready(function () { ... }) or $(function () { ... }). I would use the latter as it saves typing.

$(function () {
    $("#preload h2").text("Some text here");
});