jquery revert overlay div
<p>I have a div that shows an image:</p>

<pre><code>&lt;div id="player" style="display:block;width:320px;height:240px;background-image:url(../../../images/video.JPG)"&gt;&lt;/div&gt; 
</code></pre>

<p>I overlay a video player (flowplayer) on top of that div when someone clicks a button:       </p>

<pre><code>flowplayer("player", "mysite/js/flowplayer/flowplayer-3.2.12.swf", {
        clip: {
            url: theUrl,
            provider: 'rtmp'
        },
        plugins: {
            rtmp: {
                url: "js/flowplayer/flowplayer.rtmp-3.2.10.swf",
                netConnectionUrl: 'rtmp://myhost.com/recordings'
            }
        }
    });
</code></pre>

<p>I've got logic that when someone deletes that video I want the player to go away and be left with the div with the image only.</p>

<p>So I can't just use:</p>

<pre><code>jQuery("#player").hide();
</code></pre>

<p>That hides the player and the original div with the image. How can I hide the player but not the image?</p>
