dicking around with jquery UI

gistfile1.html

<h2 class="demoHeaders">Radio buttons with icons</h2>
		<div id="radioWithIcons">
			<input type="radio" id="radio1" name="radio" /><label for="radio1"><img src="http://www.google.com/favicon.ico"/> Choice 1</label>
			<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2"><img src="http://www.yahoo.com/favicon.ico"/> Choice 2</label>
			<input type="radio" id="radio3" name="radio" /><label for="radio3"><img src="http://www.fogcreek.com/favicon.ico"/> Choice 3</label>
		
		</div>
		
		<script type="text/javascript">
			$(function(){
				$("#radioWithIcons a").click(function(ev) { ev.preventDefault(); });
				
				$("#radioWithIcons").buttonset();
				
				$("#radioWithIcons").hover(function() { console.log("in") }, 
											function() { console.log("out") } )
			});
		</script>