Jquery: Best way to pop-up a selection div

Question

Greetings,

Assume that I have such hidden div:

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

And I have a text input field:

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

When myinput field is clicked by mouse, I want the hidden div to appear close to the selected input field and once user selects a link from this div, div dissapears and the value selected is becomes the value of the text input field. How to achieve this?

I use jquery and jquery ui

Regards