Better way to change parent div class name when click

How to change the UL class name(menu1) when click each LIs ?

For example,

when click "tab1", change UL's class name to "menu1".

when click "tab2", change UL's class name to "menu2".

when click "tab3", change UL's class name to "menu3".

This code is I tried.

<ul class="tab menu1">
   <li class="tab1">t1</li>
   <li class="tab2">t1</li>
   <li class="tab3">t1</li>
</ul>

<script>
$('.tab1').click(function(){
   $('.tab').addClass('menu1');
   $('.tab').removeClass('menu2');
   $('.tab').removeClass('menu3');
});

$('.tab2').click(function(){
   $('.tab').removeClass('menu1');
   $('.tab').addClass('menu2');
   $('.tab').removeClass('menu3');
});

$('.tab3').click(function(){
   $('.tab').removeClass('menu1');
   $('.tab').removeClass('menu2');
   $('.tab').addClass('menu3');
});
</script>

via Chebli Mohamed