title: select2 - how to make sorting results: first short, then long?
body: <p>i use select2 The jQuery replacement for select boxes
  <a href="https://select2.github.io/examples.html" rel="nofollow">https://select2.github.io/examples.html</a>
  what needs to change for make next sorting results: first short, then long? 
  For example: 
  i have next options in this sorting: </p>
  
  <pre><code>&lt;option value="1"&gt;Jacksonville (Florida)&lt;/option&gt; 
  &lt;option value="2"&gt;Florida reg.&lt;/option&gt; 
  &lt;option value="3"&gt;Florentia&lt;/option&gt; 
  ... 
  &lt;option value="9999"&gt;Florida region&lt;/option&gt; 
  &lt;option value="5"&gt;Miami (Florida)&lt;/option&gt; 
  </code></pre>
  
  <p>1) when you type "Flo" - i see next results: 
  <br><br>
  Jacksonville (Florida) <br>
  Florida <br>
  Florentia <br>
  Florida reg. <br>
  Miami (Florida) <br>
  <br>
  2) when you type "Flori" - i see next results: <br>
  <br>
  Jacksonville (Florida) <br>
  Florida <br>
  Florida reg. <br>
  Miami (Florida) <br>
  <br>
  how to do: in both cases on the top were the shortest results: <br>
  <br>
  1) <br>
  <br>
  Florida <br>
  Florentia <br>
  Florida reg. <br>
  Miami (Florida) <br>
  <br>
  2) <br>
  <br>
  Florida <br>
  Florida reg. <br>
  Miami (Florida) <br>
  <br>
  Thanks</p>