Type number ie fix

Type text act like type number (still need to add arrows to be added)

HTML

<input type="text" class="numbers" />
<select class="currency">
  <option>$</option>
  <option>£</option>
  <option>€</option>
  <option>¥</option>
</select>

CSS

body {
  margin: 20px;
}
.currency {
  position: absolute;
  margin-left: -5px;
  height: 25px;
}
.numbers {
  height: 25px;
}
@media screen and (min-width:0\0) {
  /* IE9, IE10 */
  .currency {
    margin-left: -5px;
    height: 25px;
    position: absolute;
  }
}

JavaScript

$('.numbers').on('touchstart',function(){
	$('.numbers').attr('type', 'number');
});
$('.numbers').on('blur',function(){
	$('.numbers').attr('type', 'text');
});