.prev

.prev

Hi
   In the body I have

<ul id="ul1">
    <li class="selected">
      <a href="#" onclick="javascript:change_style(this);">Test1</a>
    </li>
    <li>
      <a href="#" onclick="javascript:change_style(this);">Test2</a>
    </li>
</ul>

       script is
     
function change_style(obj){
    jQuery(document).ready(function(){
        jQuery('#ul1 > li').removeClass('selected');
        jQuery(obj).prev().addClass('selected');
    });   
}


    What I am trying to do is upon clicking any <a>  the corresponding <li>  should apply class="selected". ie like
     <li class="selected">
 
     In the above jQuery('#ul1 > li').removeClass('selected'); is working But jQuery(obj).prev().addClass('selected'); is not. Please help


Thanks
Tom