how to create dynamic div in jquery and append a table in that div?

It might help you
http://www.code-sample.com/2014/06/create-div-dynamically-using-jquery.html[^]

Put following code in your head tag

<script type="text/javascript">
    $(document).ready(function () {

        $("#form1").append("<div style='width:100px;height:100px;background-color:red'>hello</div>").append("<table style='width:300px;height:100px;border: 2px solid blue'><tbody><tr><td style='border: 2px solid Red'>Row 1 Cell 1</td><td style='border: 2px solid Red'>Row 1 Cell 2</td></tr><tr><td style='border: 2px solid Red'>Row 2 Cell 1</td><td style='border: 2px solid Red'>Row 2 Cell 2</td></tr></tbody></table>")
    });
</script>

Remember i am using defualt form id as Form1 so replace it what ever you are having.
Do not forget to add jquery file

Hope This Helps!!!