title: Tagging in ui-select (angular-ui) mulitselect
body: <p>I browsed a lot, but couldn't find a working solution for this. I have a ui-select multiselect <a href="https://github.com/angular-ui/ui-select/wiki/ui-select" rel="nofollow">UI-SELECT</a>. By using 'tagging' and 'tagging-label' attributes we can add enter custom tags into the list. example is given in this <a href="http://plnkr.co/edit/m1SQXUxftBLQtitng1f0?p=preview" rel="nofollow">plunker</a>.</p>
  
  <pre><code>&lt;ui-select multiple tagging tagging-label="(custom 'new' label)" ng-model="multipleDemo.colors" title="Choose a color"&gt;
      &lt;ui-select-match placeholder="Select colors..."&gt;{{$item}}&lt;/ui-select-match&gt;
      &lt;ui-select-choices repeat="color in availableColors | filter:$select.search"&gt;
        {{color}}
      &lt;/ui-select-choices&gt;
    &lt;/ui-select&gt;
  </code></pre>
  
  <p>When we type, if the 'custom-tag' suggestion is shown at the top of the list. How do I make it appear at the bottom of the list?</p>
  
  <p>Example: when g is typed, the options shown in the drop-down are </p>
  
  <pre><code>[ g(custom 'new' label), Green, Magenta ]
  </code></pre>
  
  <p>but I want the order as</p>
  
  <pre><code>[ Green, Magenta, g(custom 'new' label) ]
  </code></pre>