Probally really simple

Probally really simple

Hey guys im very new to jquery so please excuse my simple problem,

basically what i'm trying to do is the following...

if within my page content i have an image with the id of cat i want jquery to inject straight after it another image with the id of mouse

soo source would look like

<div id="container">
<img id="cat" src="cat.jpg" width="100" height="00" alt="cat" />
</div

Jquery runs and makes source like


<div id="container">
<img id="cat" src="cat.jpg" width="100" height="00" alt="cat />
<img id="mouse" src="mouse.jpg" width="100" height="00" alt="mouse" />
</div>

I have tried to use .html .amend etc but I'm having no joy, can anyone reply with the code to do the above?


EDIT// here is my jquery code as requested.
$(function(){

$("#container").html("<img id='mouse' src='mouse.gif' />");

});


Thanks for all your time.

Sunburn