asked on

Form In A Div

I have a pop-up div. I need to put a form in that div. Where do I do this?
The Javascript.

 $(document).ready(function() {
        $("#thumbnail img").click(function(e){
 
            $("#background").css({"opacity" : "0.7"})
                            .fadeIn("slow");
 
            $("#large").html ("hello world")
                       .center()
                       .fadeIn("slow");
 
            return false;
        });

Open in new window

The Div

&lt;div id="large"&gt;&lt;/div&gt;

Open in new window

I tired this

&lt;div id="large"&gt;&lt;form&gt;&lt;input name="Name" type="text" /&gt;&lt;/form&gt;

Open in new window

It didn't work.

ASKER CERTIFIED SOLUTION

Mrunal

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

DS928

ASKER

Hello. I tried it and it did not work. Also the white box (Div) disappeared as well.

$(document).ready(function() {
        $("#thumbnail img").click(function(e){
 
            $("#background").css({"opacity" : "0.7"})
                         .fadeIn("slow");
 			$('body').append('<form id="myForm"></form>');
			$('#myForm').html ("hello world ...")
						.center()
						.fadeIn("slow");
            /*$("#large").html ("hello world")
                       .center()
                       .fadeIn("slow");*/
 
            return false;
        });

Open in new window

<div id="large">
   <form name="myForm">
   <input name="Name" type="text" />
   </form>
   </div>

Open in new window