jQuery: Autosuggest results parsed from XML and customize those parsed results

[BSmelody]

I am retrieving some results from an XML file and on the autosuggest I am trying to add some html code as such:\[code\]London, <br/>United Kingdom\[/code\]My code is this:\[code\]$.ajax({ url: "veh.xml", dataType: "xml", success: function( xmlResponse ) { var data = http://stackoverflow.com/questions/12707009/$("geoname", xmlResponse ).map(function() { return { value: $( "reg", this ).text() + '<br/>' + $( "model", this ).text() }; }).get(); $( "#mainsearch" ).autocomplete({ source: data, minLength: 0, select: function( event, ui ) { log( ui.item ? "Selected: " + ui.item.value + ", geonameId: " + ui.item.id : "Nothing selected, input was " + this.value ); } }); } });\[/code\]and I get this result instead:\[code\]London,<br/>United Kingdom\[/code\]I am trying to create a list effect.My xml looks like this:\[code\]<geoname> <model>London</model> <reg>United Kingdom</reg> </geoname><geoname> <model>Paris</model> <reg>France</reg> </geoname>\[/code\]