[frolvict]

День добрый!
Возникла проблемка небольшая, прошу помочь решить ее.
У меня есть код

<ul id="cat01">
Категории
	<li id="pcat01">Подкатегории</li>
</ul>

я хочу сделать чтоб при нажатии на категориию или кнопку появлялась еще одна категория, но с следующим ид cat02 и при нажатии на подкатегорию появлялись подкатегории тоже со следующим ид pcat="pcat02" и так чтоб можно было добавлять и добавлять.
Сейчас написал вот такой вот код для добавления

<script type="text/javascript">
  
  $(document).ready(function(){
  
  $("li").click(function(){
  $("li").append("<li> Hello!</li>");
  });
  
  $("ul").click(function(){
  $("ul").append("<ul> Hello!</ul>");
  });
  
  });
  
  </script>

Но он почему-то добавляет не по одной категории и подкатегории, а сразу по многу и ид там не меняется. Подскажите плизз как можно реализовать задачу?