jQuery remove() html 5 audio mediaelementjs

Question

Hi I have a simple problem and I hope there is a simple solution.

I have an HTML audio element on my page

<audio id='foo' control="control">
    <source id='mp3' src='somefile.mp3' type='audio/mp3'>
</audio>

In jQuery I have $('audio').remove(); but the audio player stays on the page. I have also tried $('#foo').remove();.

I'm using the mediaelementjs player, I don't know if that is what is causing the problem.

Anyone know how I can remove audio elements?

Thanks

Answer 1

You could wrap it in a placeholder div and then do $("#wrapper").html("");