JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu" style="width:300px">
	<li class="ui-state-disabled"><a href="#">Aberdeen</a></li>
	<li>
		<a href="#">Delphi</a>
		<ul>
                    <li><a href="#"><img src="http://cdn-3.nikon-cdn.com/static/images/icons/icon_loading.gif"/></a></li>
				</ul>
	</li>
	<li><a href="#">Saarland</a></li>
	<li class="ui-state-disabled"><a href="#">Amesville</a></li>
</ul>

JavaScript

$(function(){
    $("#menu").menu({
        focus: function( event, ui ) {
            if(ui.item.children("ul").children("li").children("a").children("img").length > 0){
                $.get("http://fiddle.jshell.net", function(data){
                    ui.item.children("ul").html("<li><a href='#'>Viktor</a></li><li><a href='#'>Sweden</a></li><li><a href='#'>Luleå</a></li>")
                    $("#menu").menu("refresh")
                })
            }
        }
    });
});