When I add this the image in front of the home category disappears and normal text replaces the icon:

<script type="text/javascript" src="http://www.123abc.com/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$("span.spoiler").hide();

$('<a class="reveal">Reveal Spoiler >></a> ').insertBefore('.spoiler');

$("a.reveal").click(function(){

$(this).parents("p").children("span.spoiler").fadeIn(2500);

$(this).parents("p").children("a.reveal").fadeOut(600);

});

});

</script>

<script>

$(document).ready(function(){

$("#the_lights").fadeTo(1,0);

$("#turnoff").click(function () {

$("#the_lights").css({'display' : 'block'});

$("#the_lights").fadeTo("slow",1);

});

$("#soft").click(function () {

document.getElementById("the_lights").style.display="block";

$("#the_lights").fadeTo("slow",0.8);

});

$("#turnon").click(function () {

document.getElementById("the_lights").style.display="block";

$("#the_lights").fadeTo("slow",0);

});

});

</script>

P.S. I'm using the compressed version of jquery and haven't tried the uncompressed version yet under this theme in wordpress.