[jQuery] Move an element

[Daniel Beard]

Hi everyone,

I have the following HTML code, various times in a page:

<img src="images/contenido/empresa_4.jpg"  />
<h3>Aprecio y reconocimiento</h3>
<p>La recompensa de un trabajo bien hecho. <span class="caps">CESUR</
span> en sus a&#241;os de existencia ha venido marcando una
trayectoria ascendente, avalada por los resultados obtenidos.</p>

Due to the CMS, I can't put the h3 BEFORE the image tag and it doesn't
look right. So, I am trying to move the h3 element to go before the
img tag, so it looks like this:

<h3>Aprecio y reconocimiento</h3>
<img src="images/contenido/empresa_4.jpg"  />
<p>La recompensa de un trabajo bien hecho. <span class="caps">CESUR</
span> en sus a&#241;os de existencia ha venido marcando una
trayectoria ascendente, avalada por los resultados obtenidos.</p>

...to do this, I am using this code:

        $('h3').insertBefore('.floatRight').remove();

But it puts the h3 tag before EVERY .floatRight class (there are 6 in
total on the page).

My question is how do I make it just move that element, not ALL of
them. I have experimented with next(), siblings(), etc, but with no
luck...

Many thanks!

Daniel