title: Auto complete city names using jquery
body: <p>I want to perform auto complete city names feature (in Vietnamese language) of many countries.</p>
  
  <p>what i have found is:
  <a href="http://www.jqueryscript.net/form/City-Autocomplete-Plugin-with-jQuery-Google-Places-API.html" rel="nofollow">http://www.jqueryscript.net/form/City-Autocomplete-Plugin-with-jQuery-Google-Places-API.html</a></p>
  
  <p>However problems are:</p>
  
  <ol>
  <li><p>it completes city names in English.</p></li>
  <li><p>I want to restrict to only a few cities of a certain countries.</p></li>
  </ol>
  
  <p>For example, I just want Tokyo, Osaka, Fukuoka for Japan. Adelaide, Sydney for Australia.</p>
  
  <ol start="3">
  <li>It only allows to select city of one country.</li>
  </ol>
  
  <p>code:</p>
  
  <pre><code>`&lt;input id="city" name="city" class="form-control" autocomplete="off" data-country="jp"&gt;`
  </code></pre>
  
  <p>What if I want to auto complete cities of 5 countries?</p>
  
  <p>Could you please guide different methods for me?</p>
  
  <p>Thanks</p>