如何jQuery li标签获取选中 循环获取其中一条正确的值

[han.l]

<div>
<ul class="answers" >
<li>a <i style="float:right; margin-top:-20px;"></i></li>
<li>b <i style="float: right; margin-top: -20px;"></i></li>
<li>c<i style="float: right; margin-top: -20px;"></i></li>
<li>d<i style="float: right; margin-top: -20px;"></i></li>
</ul>
</div>

ps： 例如我当前选中A 但答案是B 点击之后如果选错 就把正确的li标签的背景发生改变

[mimiooo1003]

<style>
.realanswer{
    color:#ff0000;
}
</style>
<div> 
   <ul class="answers" >
        <li id='a'>a <i style="float:right; margin-top:-20px;"></i></li>
        <li id='b'>b <i style="float: right; margin-top: -20px;"></i></li>
        <li id='c'>c<i style="float: right; margin-top: -20px;"></i></li>
         <li id='d'>d<i style="float: right; margin-top: -20px;"></i></li>
   </ul>
</div>

$(function(){
    $('.answer li').click(function(){
        if($(this).attr('id') != 'a'){
             $('#a').addClass('realanswer');
        }
    });
});