live problem

live problem

I generate a menu at run time
using nested repeaters

the outer one its ul class is .outerUL (for the categories names)
the inner one its ul class is .innerUL (for the products names)

i want it to behave like a dropdown menu
when the page opens i want to see only the categories names
and when i press specific category it shows its products.

i tried this and its not working

$(function(){
            $(".innerUL").hide();
            $(".outerUL li").live('click',function(){
                $(this).children('ul').show();
            });
        });


i think the problem is that the innerUL doesnwt exist
and i have to use the live function also for the innerUlL class
but i dont know how