jquery if statement and remove iframe
<p>How do i write an if statement in jquery:</p>

<p>IF the user clicks on an image <code>div#ProductImages &gt; img</code> then hide/remove the iframe?</p>

<p>This is what i have:
(my code will append the youtube video to a div location on the page)</p>

<p>I need to remove the iframe once the user starts clicking on the images again. </p>

<pre><code>var $video=$('div.icon iframe');
var $productImage=$('.product-image');
var $icon=$('.icon');
$icon.on('click',function()
{
    $('.product-image').append($video);
});
</code></pre>

<p><strong>EDIT: sorry i meant remove</strong>
<a href="http://jsfiddle.net/t7qMF/1/" rel="nofollow">http://jsfiddle.net/t7qMF/1/</a></p>
