[RESOLVED] dynamic div and html table via jquery

[ERUM]

here is the code snippt

<script type="text/javascript">

           $(document).ready(function() {
               $("input[name='group1']").change(function() {

                   $(".dynamicDiv").remove();
                   for (var j = 0; j < $("input[name='group1']:checked").val(); j++) {


                        $("<div />", { "class": "dynamicDiv", id: "div" + j, innerHTML: "div no:" + j
                       }).appendTo("body");
                       //var d = document; 

                     

                    
                   }
               }


        );
           }); 

    </script>

 <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
         <input id="Radio1" type="radio" value="1" name="group1" />1<br />
        <input id="Radio2" type="radio" value="2" name="group1" />2<br />
        <input id="Radio3" type="radio" value="3" name="group1" />3<br />
        <input id="Radio4" type="radio" value="4" name="group1" />4<br />
        <input id="Radio5" type="radio" value="5" name="group1" />5<br />
        <input id="Radio6" type="radio" value="6" name="group1" />6<br />
        <input id="Radio7" type="radio" value="7" name="group1" />7<br />
        
        <input id="btn1" type="button" runat=server value="create div" onclick="createDiv();" />
        <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
    </div>
    </form>

it created div as many as user select from radio button ,now i wantt to create table inside div (means in side loop).taht table then afterward holds label ,textbox validator et ctec

any help!!

[ERUM]

can any one help me how to do this ?? that i just mentioned in above post

[SambaNeko]

Instead of immediately appending your newly created div to the body, you can append more stuff to it first:

//create div, assign to variable:
var myDiv = $("<div />", { "class": "dynamicDiv", id: "div" + j, innerHTML: "div no:" + j});

//append whatever you want to the div...
myDiv.append("<table><tr><td>first row of the table</td></tr></table>");

//append stuff to the table if you want...
$("table",myDiv).append("<tr><td>a second row in the table</td></tr>");

//when you're done making changes, append the div to the body like you were doing before:
myDiv.appendTo("body");