jQuery: Insert html from "title" tag into a "span" of a H2 tag

Question

Hey guys, Say I had the following HTML:

<h2>Heading <span></span></h2>

<ul>
<li><a href="#" title="I am wanting to be in H2!">Something</a></li>
<li><a href="#" title="I too am wanting to be in H2!">Something else</a></li>
</ul>

I want to be able to take the title tag from the and place it inside the span of the h2. How can I do so?

Cheers.

Answer 1

$('h2 span').html($('title').html());

should work :)

i recommend giving the span an unique id, so to call $('#id').ht.... instead

Answer 2

$("a").each(function(){
  $("h2 span").append($(this).attr("title"));
});

Answer 3

$('a').click(function(){
   $('h2 span').html( $(this).attr('title') );
   return false;
});