title: Textext plugin autosuggest generates list should begin with the searched string instead of contains as first
body: <p>I'm using <a href="http://textextjs.com/" rel="nofollow noreferrer"><strong>textext</strong></a> plugin for autocomplete, auto-suggestion etc. </p>
  
  <p>I have a <strong>Destination</strong> Field i.e textbox whenever user search for a Country or city, It should populate or suggest <strong>matched</strong> cities or countries in the drop-down.</p>
  
  <p>For example, if users search as <strong>'Ameri'</strong></p>
  
  <p><strong>Current output</strong> </p>
  
  <p>from the textext plugin is retrieving all the strings <strong>which contain the searched text 'Americ'</strong> </p>
  
  <ul>
  <li>North America</li>
  <li>South America</li>
  <li>The United States of America</li>
  <li>American Canyon</li>
  <li>American River </li>
  </ul>
  
  <p><strong>Expected output</strong> 
  want the list of matched strings, which begins with the searched text 'Americ' result should come first, later searched text contains the list.</p>
  
  <p><em>String begins with</em></p>
  
  <ul>
  <li>American Canyon</li>
  <li>American River</li>
  </ul>
  
  <p><em>Contains list</em> </p>
  
  <ul>
  <li>North America</li>
  <li>South America</li>
  <li>The United States of America </li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#textarea').textext({
           plugins: 'tags autocomplete filter focus',
           minLength: 3,
       })
       .bind('getSuggestions', function(e, data) {
           if (data.query.length) {
               var list = [
                       'United states of America',
                       'South America',
                       'India',
                       'Delhi',
                       'Pune',
                       'North America',
                       'American River ',
                       'American canyon'
                   ],
                   textext = $(e.target).textext()[0],
                   query = (data ? data.query : '') || '';
               $(this).trigger(
                   'setSuggestions', {
                       result: textext.itemManager().filter(list, query)
                   }
               );
           }
       });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;textarea id="textarea" class="example" rows="1"&gt;&lt;/textarea&gt;</code></pre>
  </div>
  </div>
  </p>