Change entire inner HTML in a div using JQuery

Change entire inner HTML in a div using JQuery

Hello -

I am fairly new to Javascript, but understand my way around most things. However, I just recently stumbled upon JQuery and really like it!

Anyhow, I have a DIV that has an image in it and nothing else. The DIV is #rocket

I want to add functionality that allows (when the image is clicked) to replace the HTML in that div with other HTML that changes the image to a swf clip (short movie).

I have searched the net and have found ways to change the basic HTML text and whatnot this way, but how to actually replace the entire block of code for the image with the entire block of code for the flash swf (and have it work, of course) using JQuery.

I know how to do this using straight javascript, but was interested in how to do it with JQuery.

Thanks!