Cordova Ionic framework select tag not behave as expected

I am working on a mobile app using Cordova PhoneGap and Ionic framework

I have a problem in all select tags in the app only appear when run on Android 2.3 or earlier, the problem appear when user select an option from select tag, the selected value not appear in the select box, but it's value changed successfully i mean when i get the value of the select with ng-model it is work as expected

here is my HTML :

<select name='countryCode'   ng-model="val.countryCode" required>
            <option selected disabled value="">Country Code</option>
            <option >+2</option>
            <option >+3</option>
            <option >+4</option>
            <option >+5</option>
        </select>

when user select +4 as example the result is the following

expected result is +4 not Country Code

any suggestions please ?

i have tried the following jQuery: 

  $('select').click(function () {
   $(this).focus();
  });

but has no effect .

thanks in advance