Przenoszenie elementów z submenu za pomocą JQuery

Cześć, piszę projekt z wykorzystaniem JSF, jednak pewna rzecz wymaga ode mnie użycia JQuery, z którego jestem kompletnie zielony. Stworzyłem sobie takie Menu:

<p:panelMenu style="width:200px" id="menu">
				<p:submenu label="Dodaj kontrolke" styleClass="km-tiered-submenu-1"
					rendered="true">
					<p:menuitem value="Bilans" actionListener="#{myIndexBean.addControl}" styleClass="km-tiered-submenu-2"/>
					<p:separator />
					<p:menuitem value="Średnia Pensja" styleClass="km-tiered-submenu-2" />
				</p:submenu>

				<p:submenu label="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
					styleClass="km-tiered-submenu-1"
					rendered="#{request.isUserInRole('PrzykladowaRola') and false}">

					<p:submenu label="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
						styleClass="km-tiered-submenu-2"
						rendered="#{request.isUserInRole('PrzykladowaRola') and false}">
						<p:menuitem value="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
							url="#" styleClass="km-tiered-submenu-3"
							rendered="#{request.isUserInRole('PrzykladowaRola') and false}" />
					</p:submenu>
				</p:submenu>

I do tego taki skrypt:

$(".ui-menuitem").draggable({
	revert : true
});

Problem w tym, że nie mogę przesunąć elementu poza Submenu, czy ktoś jest w stanie mi powiedzieć jak ominąć ten problem?