Jquery Autosuggest格式化

Good morning everyone !

Just after some quick(?) help in formatting Jquery autosuggest options (Background colors).

Here's the sitrap:

Page1.php Contains the search input field, and the Jquery code like so:

<script type="text/javascript">
    $(document).ready(function(){
    $("#headerSearch").autocomplete({
        source:'includes/searchAutocomplete.php',
        minLength:3,
        select: function (event, ui) {
            document.getElementById("headerSearch").innerHTML = ""; //empty out the box so student ID cannot be seen
            if(ui.item.value > 0) {
                var label = ui.item.label;
                var value = ui.item.value;
                var id = ui.item.id; //This is where I can maybe store a color value?
                window.location='somePage.php?Profile=' + value;
            }
         }
     });
    });
</script>

Then of course, I have searchAutocomplete.php, which runs mysql queries to determine what the user is after. Depending on the available results, I want them to be coloured independently.. eg;

User searches for "johndoe". searchAutocomplete.php finds that 'johndoe' is present in 3 things; a users email address, and 2 users usernames. One of the usernames belongs to an account that is disabled. So it should be coloured differently to the active account. Likewise the email address that matched 'johndoe' should also be coloured differently as it was an email-match.

I'm pretty great with PHP, but jquery is still pretty new to me. I'm sure I need to set another value, perhaps 'ui.item.id' on the searchAutocomplete.php page, then colour it accordingly on the original page.. or maybe I'm wrong here and that's why it won't work.

Any assistance in getting this sorted would be greatly appreciated !