I have this task...

1. <a href="#" id="btn_1">trigger form</a>
2. <div id="myform"></div>

and custom jaascript function:

1. function generateForm() {
2.       var form = document.createElement("form");
3. form.setAttribute('method',"get"); // form method
4. form.setAttribute('action',""); // form action url
5. form.setAttribute('name',"frmName"); // form name
6. form.setAttribute('id',"frmId"); // form ID
8.        var inputCtrl = document.createElement("input");
9. inputCtrl.type = "text";
10. inputCtrl.name = "data";
11.        inputCtrl.setAttribute('id',"txt");
13.        var inputSubmit = document.createElement("input");
14. inputSubmit.type = "submit";
15. inputSubmit.name = "submit";
16.        inputSubmit.setAttribute('id',"sbmt");
17. inputSubmit.value = "Submit";
19.        /* To bind created input control with created from */
20.       form.appendChild(inputCtrl);
21.        form.appendChild(inputSubmit);
22. 
    
23.        /* To bind created form with current document body */
24.       document.body.appendChild(form);
25. }

The task is, when clicked the link ( #bnt_1 ) to display the form in DIV ( #myform )

Thе code below works, but not what I want.

1. $('#btn_1').click(function() {
2. generateForm();
3. });

I want the form to be in DIV.

Is there any suggestion? 

Thanks!