title: Differentiate result list from JQuery AutoComplete
body: <p>I have this autocomplete jquery function which displays a list devices as suggestions under a textbox. I want to identify and differentiate between all the suggestions in the list. </p>
  
  <pre><code>$(document).ready(function() {
    $("#txtLocate").autocomplete({
      source: function(request, response) {
        $.ajax({
          url: "/Project/Home/Search",
          type: "POST",
          dataType: "json",
          data: {
            Prefix: request.term
          },
          success: function(data) {
            response($.map(data, function(item) {
              return {
                label: item.Device,
                value: item.Type
              };
            }))
          }
        })
      },
      messages: {
        noResults: "",
        results: function(count) {
          return count + (count == 0 ? ' result' : ' results');
        }
      }
    });
  })
  </code></pre>
  
  <p>"item.Type" holds two values : Android and IOS. So I need to identify which one is Android and which is IOS in the autocomplete list. I could use different color or an image to the left of each result to differentiate. How can I achieve this? Thanks</p>