JQuery: Meilleure façon de faire éclater une div de sélection

Question

Salutations,

Supposons que j'ai une div si cachée:

<div id="option-dialog" style="display:none;">
<a href="#" value="1">First</a>
<a href="#" value"2">Second</a>
</div>

Et j'ai un champ de saisie de texte:

<input type="text" id="myinput" />

Lorsque le champ MyInput est cliqué par la souris, je veux que le DIV masculin apparaisse près du champ de saisie sélectionné et une fois que l'utilisateur sélectionne un lien dans ce div, DIV Dissappears et la valeur sélectionnée est la valeur du champ de saisie de texte. Comment y parvenir?

J'utilise jQuery et jQuery ui

Salutations