title: jQuery mobile- How to change the icon of select to a custom icon?
body: <p>I have to change the select icon in <code>&lt;select&gt;</code> to a fa icon.
  The code I use:</p>
  
  <pre><code>&lt;select class="sortBy" name="sortBy" data-url="${url}" data-icon="ui-icon-arrow-sort"&gt;
          &lt;option value=""&gt;Sort By&lt;/option&gt;
          &lt;option value="new" selected="selected"&gt;Newest&lt;/option&gt;
          &lt;option value="old"&gt;Oldest&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The CSS is:</p>
  
  <pre><code>.ui-icon-arrow-sort{
      content: "\f0dd";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
  }
  </code></pre>
  
  <p>For now it's not working well.</p>