title: Toggle append / remove video with jQuery
body: <p>I wondered if anyone can help me out - I'm attempting to load a video into the page using jQuery on clicking a button with the class 'toggle'. And on a second click I would like the video to be removed - effectively toggling between append and remove.</p>
  
  <p>Here's the code so far - as it stands the toggle button just continues to add more instances of the video. I realise there's no toggle function in there so far, and hoped someone could shed some light on the best way of achieving this. I'm still learning jQuery :)</p>
  
  <pre><code>$(function(){
      $('.toggle').click(function(e) {
      e.preventDefault();
      var content = '&lt;video id="my_video"&gt;&lt;source src="animation.mp4" type="video/mp4"/&gt;&lt;/video&gt;';
      $('#videowrapper').append(content);
      _V_('my_video', {'controls': true});
      });
  });
  </code></pre>
  
  <p>Many thanks in advance for any help!</p>