I'm working on a menu. I would like the menu to always pick a random option.

```
 <select id="textFont">
 <option value="A"></option>
 <option value="B"></option>
 <option value="C"></option>
 </select>

 var $options = $('#textFont').find('option'),
 var random = ~~(Math.random() * $options.length);
 $options.eq(random).prop('selected', true);

 document.getElementById("wrapper").style.fontFamily=random;

```

the above code is working pretty good, now to the thing. I would like this random value to go into the last function the one that changes the font-family of #wrapper. But I'm getting a number of the options array when I alert('random'). Is there away to see what the value of 1 to 3 = ('A','B', 'C') and output it to the last function?

ex:

```
document.getElementById("wrapper").style.fontFamily='A';
document.getElementById("wrapper").style.fontFamily='C';

```