Cómo mostrar el texto en datalist html5 y no value

<!DOCTYPE html>
<html>
<body>

<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">1</option>
  <option value="Firefox">2</option>
  <option value="Chrome">3</option>
  <option value="Opera">4</option>
  <option value="Safari">5</option>
</datalist>
<input type="submit">
</form>

</body>
</html>

http://jsfiddle.net/j7ehtqjd/1/

He adjuntado un violín. Por favor, compruebe. La solución que quiero lograr es cuando hago clic en el menú desplegable, se muestra el valor, pero quiero que se muestre el texto 1,2,3,4,5. Tengo que usar una respuesta json para mi problema real. Solo el texto debe mostrarse y el valor debe ocultarse como un menú desplegable general. Esta función de autocompletar es necesaria, de lo contrario, habría seguido el menú desplegable normal.

Respuestas a la pregunta(2)

Su respuesta a la pregunta