title: Different display value for selecte text using select2.js
body: <p>Trying to implement a custom select dropdown using <a href="http://ivaynberg.github.io/select2/" rel="noreferrer">select2 plugin</a>
  Is it possible to have the selected value to display only the actual option 'value' instead of the text, so if I selected 'Australian Dollar', the selected text should only display 'AUD'</p>
  
  <p>My mark-up looks something like this:</p>
  
  <pre><code>&lt;select name="convert-to" id="convert-to"&gt;
      &lt;option value="AUD" data-currency="AUD"&gt;Australian Dollar&lt;/option&gt;
      &lt;option value="USD" selected="selected"&gt;US Dollar&lt;/option&gt;
      &lt;option value="JPY"&gt;Japanese Yen&lt;/option&gt;
      &lt;option value="EUR"&gt;Euro&lt;/option&gt;
      &lt;option value="GBP"&gt;British Pound&lt;/option&gt;
      &lt;option value="CAD"&gt;Canadian Dollar&lt;/option&gt;
      &lt;option value="HKD"&gt;Hong Kong Dollar&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>