Add a text layer to a jquery rollover image
<p>I have this nice rollover effect in Jquery.</p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"&gt;    &lt;/script&gt;

&lt;script type="text/javascript"&gt;
$(document).ready(function() {
$("img.rollover").hover(
function() { this.src = this.src.replace("_off", "_on");
},
function() { this.src = this.src.replace("_on", "_off");
});
});
&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt; 

&lt;a href="#"&gt;&lt;img src="signup-button_off.png" border="0" class="rollover" /&gt;&lt;/a&gt;

enter code here
&lt;/body&gt;
</code></pre>

<p>Is there anyway to create a layer to add text to this jquery effect. So the text stays the same but the rollover effect is the same as the code above.
Any help would be great.
Thanks</p>
