title: Jquery Autocomplete: How to create the autocomplete menu with my own html or how to store and retrieve the `id` like data from the menu?
body: <p>I tried to use jquery autocomplete in my application. i am returning objects like this,</p>
  
  <pre><code>obj{id:"12121", name:"XXXXXX"} 
  </code></pre>
  
  <p>I want to show the <code>name</code> in the menu and also need to get the <code>id</code>.</p>
  
  <p>How to wrap it with the menu html and retrieve it</p>
  
  <p>Now the auto generated menu mark up is looks like this,</p>
  
  <pre><code>&lt;li class="ui-menu-item" role="menuitem"&gt;&lt;a class="ui-corner-all" tabindex="-1"&gt;XXXXXX&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I want to have the id of my object in <code>&lt;a&gt;</code> element's id attribute and name as usual.</p>
  
  <p>Like this,</p>
  
  <pre><code>&lt;li class="ui-menu-item" role="menuitem"&gt;&lt;a id='12121' class="ui-corner-all" tabindex="-1"&gt;XXXXXX&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Can we do this with jquery auto-complete?!</p>
  
  <p>Any suggestions would be appreciative.</p>
  
  <p>Thanks~! </p>