[ajax] dodanie nowego li Opcje

[manieks]

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
     $(document).on('click', "[id*='catalog_']", function(){
	     var idCatalog = this.id.split('catalog_');
	     $('#ftp_file').append('<li><ul><li>bla bla</li></ul></li>');
	 });
});
</script>
 
<ul id="ftp_file">
<li id="catalog_class/">class</li>
<li id="catalog_configUser/">configUser</li>
<li id="catalog_javaScript/">javaScript</li>
<li id="catalog_language/">language</li>
<li id="catalog_modulesALL/">modulesALL</li>
<li id="catalog_theme/">theme</li>
</ul>
[HTML] pobierz, plaintext 

Witam
Obecnie skrypt dodaje nowy rekord na końcu listy ul, a chciałbym żeby dodał pod klikniętym elementem li.
Drugi problem to idCatalog dodaje przed id kropkę czyli np. .configUser/ a powinno być configUser/

Pozdrawiam