title: x-editable typeahead ajax source
body: <p>I don't want to print all the cities in my code <code>local: ['LONDON', 'BERLIN', 'NEW YORK', 'MADRID']</code>. i would like to make query each time user type a letter.</p>
  
  <p>Can I use ajax in order to use Auto complete with "x-editable typeahead"?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;li&gt;&lt;label class="control-label"&gt;CITY:&lt;/label&gt; &lt;span id="userCity" data-
  type="typeaheadjs" data-pk="cityID" data-name="users"&gt;PARIS&lt;/span&gt;&lt;/li&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('#userCity').editable({
      url: 'ajax/editUser.php',
      typeahead: {
          local: ['LONDON', 'BERLIN', 'NEW YORK', 'MADRID']
      }
  });
  </code></pre>