title: jQuery - DevBridge Autocomplete - Change suggestion format
body: <p>I've got the Autocomplete jQuery plugin from DevBridge working more or less how I want it to. Please see the fiddle here: 
  <a href="https://jsfiddle.net/shalan/bcex6oaq/" rel="noreferrer">https://jsfiddle.net/shalan/bcex6oaq/</a>. It is a simple Suburb and City lookup whereby the user starts typing in his/her suburb and the autocomplete shows relavnt suggestions. When the user makes a selection, it will automatically populate 2 readonly textboxes below with the associated City and Postal/Zip Code. The data structure looks like this:</p>
  
  <pre><code>var suburbData = [
      {"value":"Eastcliffe", "data":{"city":"Westwood","code":"23145"}},    
      {"value":"Creastwich","data":{"city":"Westerlyn","code":"66365"}},    
      {"value":"South Woodbury Island","data":{"city":"Fairmoor","code":"89798"}},    
      {"value":"Faighcastle","data":{"city":"Westwood","code":"23144"}},
      {"value":"Brightkeep","data":{"city":"Merrowshore","code":"08872"}},    
      {"value":"Summerbank","data":{"city":"Wyvernfield","code":"10467"}},    
  ];
  </code></pre>
  
  <p>While it works great, I would like to format the suggestions list as: <code>Suburb, City</code>, but retain the <code>Suburb</code> value in the textbox from which the autocomplete function is called.</p>
  
  <p><strong>Example:</strong></p>
  
  <ul>
  <li>If I start typing <code>ea</code>, it should show me:
  
  <ul>
  <li>"Eastcliffe, Westwood"</li>
  <li>"Creastwich, Westerlyn"</li>
  </ul></li>
  <li>If I select "Eastcliffe, Westwood", then my onSelect function should run, but the value of the textbox should still remain as <code>Eastcliffe</code>.</li>
  </ul>
  
  <p>How do I format the suggestions list in this manner?</p>