Icons with select element

Hi, i have a select element with a button class, im trying to add an icon in it with the proper classes but it won’t show, any idea why and how this can be solved?

<select ng-show="getWeather(Today) == 'Sunny'"  ng-model="newWeather" ng-change="weatherChanged(newWeather)" class="button button-large icon-left ion-happy button-balanced">
    <option>Sunny</option>
    <option>Clouded</option>
    <option>End of days</option>
 </select>

Can you throw this into a codepen or plunker?

Well, i didnt have the time and i decided to do somthing else so its not relevant anymore.
Thanks any way!