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