title: How to add image to the textbox autocomplete source
body: <p>I'm using jquery autocomplete to load the values in the textbox:</p>
  <pre><code>@Html.TextBox(&quot;Cities&quot;, &quot;&quot;, new { @id=&quot;tags&quot; })
  
  &lt;script type=&quot;text/javascript&quot;&gt;
  $(function () {
          var availableTags = [
          &quot;New York&quot;,
          &quot;London&quot;,
          &quot;Moscow&quot;,
          &quot;Paris&quot;,
          &quot;Berlin&quot;,
          &quot;Madrid&quot;,
      ];
      $( &quot;#tags&quot; ).autocomplete({
          source: availableTags
      });
  });
  </code></pre>
  <p>Actually, I have more than 1000 cities and I'm going to store them in the database and send to the view through the model. Also, for more enjoyable appearance I want to add country flag to the drop-down list of my textbox like:</p>
  <p><img src="https://i.stack.imgur.com/07IHr.png" alt="enter image description here" /></p>
  <p>How can I do it? How to add image to the autocomlete source?</p>