$(document).ready(function() {
  if($('#tokenform #token').length > 0) {
    $('#tokenform #token').after('<span class="token-value" />');
    $('#tokenform #token').on('keyup paste change', function(e) {
      setTimeout(function() { // Pause required for paste
        $('span.token-value').text($('#tokenform #token').val());
      }, 100);      
    });
  }    
});

span.token-value {
  display: inline-block;
  margin-left: 5px;
  padding: 0 3px;
  background:#EBEBEB;
}

$(document).ready(function() {
$('#tokenform #token').attr("type","text");
});