Remove the anchor tag if the user has changed an input

Question

I'm tryng to do

$('input').change(function() {
   $('a').removeAttr('href');
});

And this works like you would think it would, except that it still leaves an empty a tag. I'd like to unwrap the a tag all together. I tried:

$('input').change(function() {
   $('a').unwrap();
});

But I think that removed the parent element, not the anchor tag itself.

Answer 1

$('a').after($('a').text());
$('a').remove();

UPDATE:

if you actually need to do this for every a tag and not just a specific one (i don't see why you would, but just in case)...

$('a').each(function(){$(this).after($(this).text());});
$('a').remove();