Get Value from JQuery Modal Dialog Submit to another Input Type

I am so poor with JQuery & Javascript.



I have a two simple forms.

One as primary form with an input type text & and a hyperlink.

Another form as JQuery Modal Dialog with select option list.

All I want to do is:

If user click the hyperlink <a>See Milk</a> from the primary form, then will showing a JQuery Modal Dialog.

Then if the option list are selected from the Modal Dialog & click Submit, it should closing the Modal Dialog & showing the value on the input type at primary form.

Here is the HTML of Primary Form:



<form action="milk.php" id="milk_form"> <input type="text" name="milk_input_name" id="milk_input_id" class="milk_input_class" value=""><br/> <a id="milk_a_id" class="milk_a_class" data-target="#milk_modal" data-toggle="modal" href="">See Milk List</a> </form>

Here is the HTML of Modal Form:



<form action="milk.php" id="milk_form"> <input type="text" name="milk_input_name" id="milk_input_id" class="milk_input_class" value=""><br/> <a id="milk_a_id" class="milk_a_class" data-target="#milk_modal" data-toggle="modal" href="">See Milk List</a> </form>