всем привет!

есть такой код:
<ul class='ul5'>
<a href='#' onclick='$("#topicRadio1").prop("checked",true);return false'><li><input id='topicRadio1' type=radio name='topic' value=1>text1</li></a>
<a href='#' onclick='$("#topicRadio2").prop("checked",true);return false'><li><input id='topicRadio2' type=radio name='topic' value=1>text2</li></a>
<a href='#' onclick='$("#topicRadio3").prop("checked",true);return false'><li><input id='topicRadio3' type=radio name='topic' value=1>text3</li></a>
</ul>
у каждого li свой цвет бэкграунда
и я хочу, чтобы при наведении было изменение (ну это через css делается просто) + при клике по всему li был выбор самого radio
в принципе, я этого добился, но при клике в само radio (в кружочек) - ничего не происходит, а надо, чтобы выбирался и так и сяк
да и сдаётся мне, как-то дохера кода я наворотил...
тут вот поизящней