Мне нужно поместить не редактируемый (не удаляемый) знак "%" серым цветом на входе сразу после текста

Question

http://jsfiddle.net/c6f7ommh/1 - видел пример с контейнерами div, но хочу знать, возможно ли его решить с помощью ввода

 $(document).ready (function() {
    var minNumber = 0;
    var maxNumber = 100;

       $('.txtinput').on("change", function() {
        var inputVal = parseFloat($(this).val().replace(' %', ' ')) || 0
        if (minNumber > inputVal) {
          inputVal = 0;
        } else if (maxNumber < inputVal) {
          inputVal = 100;
        }
        $(this).val(inputVal + ' %'); 
      }); 
      });

Это то, что я сделал на данный момент, но я очень новичок в программировании, поэтому, если вы можете дать несколько советов о том, как завершить его, было бы здорово!