Re-formatting auto-complete result string

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

CSS

div{margin:2px 10px;}

.ui-dialog {position: relative; margin-top: 47px; padding: 0; overflow: visible; width: 480px;} 
.ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: -4px; der: 0; padding: 0; background-color: #ffcc00; width: 19px; margin: -9px 0 0 0; padding: 1px; height: 18px; }

JavaScript

$(function() {
        $( "#dialog" ).dialog({modal:true});
    });