title: How to create a table inside a DIV tag using Jquery?
body: <p>I have created a data table using </p>
  
  <pre><code>&lt;script&gt;
   var table = '&lt;table border="0" id="tblTestCases"&gt;';
  
              table+="&lt;tr bgcolor='#e6e6e6'&gt;&lt;td colspan='3'&gt;Number of text boxes = " + $searchObject.find('[type=text]').length + "&lt;/td&gt;&lt;/tr&gt;";
              $searchObject.find('[type=text]').each(function () {
                  table+="&lt;tr bgcolor='#ccccff'&gt;&lt;td&gt;Name of textbox = " + $(this).attr("name") + "&lt;/td&gt;&lt;td&gt; ID =" + $(this).attr("id") + "&lt;/td&gt;&lt;td&gt; Test cases : &lt;br /&gt; 1) Check if cursor is displayed/blinking after mouse click &lt;br /&gt; 2)Check if a text can be entered inside&lt;/td&gt;&lt;/tr&gt;";
              });
  
              table+="&lt;tr bgcolor='#e6e6e6'&gt;&lt;td colspan='3'&gt;Number of Submit Buttons = " + $searchObject.find('[type=submit]').length + "&lt;/td&gt;&lt;/tr&gt;";
              $searchObject.find('[type=submit]').each(function () {
                  table+="&lt;tr bgcolor='#6666ff'&gt;&lt;td&gt;Name of Submit button = " + $(this).attr("name") + "&lt;/td&gt;&lt;td&gt; ID =" + $(this).attr("id") + "&lt;/td&gt;&lt;td&gt; Test cases : &lt;br /&gt; 1) Check if the button is clickable or not &lt;br /&gt; 2) Check if the submission result is displayed after mouse click";
              });
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to put the table inside a DIV tag. But the script is creating the table inside the body and not where I want it to be. Is there any way I can put the same table inside the DIV?</p>
  
  <p>Thanks in advance.
  PS. There are lot of entries inside the table. I added only 2 for demo purpose.</p>