jquery header menu fix

$(function() {
var menu = "#menu";
var position = {my: "left top", at: "left bottom"};

$(menu).menu({

position: position,
blur: function() {
$(this).menu("option", "position", position);

},
select: function( event, ui ) {
//if($(ui).get(0).item[0].parentNode.id != 'menu'){
if ($(menu).get(0) !== $(ui).get(0).item.parent().get(0)) {
$(this).menu("option", "position", {my: "left top", at: "right top"});
}
},

focus: function(e, ui) {

if ($(menu).get(0) !== $(ui).get(0).item.parent().get(0)) {
$(this).menu("option", "position", {my: "left top", at: "right top"});
}

}
});
$('.ui-menu-icon.ui-icon.ui-icon-carat-1-e').remove();
document.getElementById('menu').style.display = '';
});
$(document).ready(function() {  
if(document.getElementById('dem')){
document.getElementById('mess').style.display = '';
}
});

html

<div id="md">
	<ul id="menu" style="display:none;">
	<!-- <li><a href="/dashboard.do">Dashboard</a></li> -->
	<li><a href="search.do">General </a></li>
	<li><a href="#">Pended </a>
	<ul>
	<li><a href="home.do">Claim</a></li>
	</ul>
	</li>