I have existing table where I would like to add/append tbody element. Here is example of my HTML table:

```
<div id="myDiv">
    <table class="myTable">
        <thead>
            <tr>
                <th>ID</th>
                <th>Last</th>
                <th>First</th>
                <th>DOB</th>
                <th>Nickname</th>
            </tr>
        </thead>
    </table>
</div>

```

Here is my JavaScript/JQuery code:

```
var divID = $('#myDiv table.myTable');
var tbl = "<tbody>"; 
for(var i=0; i < numRecs; i++){
    var jsRec = obj.DATA[i];
    tbl += "<tr id='lookup_"+i+"'>";
    tbl += "<td>"+decodeURIComponent(jsRec.ID)+"</td>";
    tbl += "<td>"+decodeURIComponent(jsRec.LAST)+"</td>";
    tbl += "<td>"+decodeURIComponent(jsRec.FIRST)+"</td>";
    tbl += "<td>"+decodeURIComponent(jsRec.DOB)+"</td>";
    tbl += "<td>"+decodeURIComponent(jsRec.NICKNAME)+"</td></tr>";          
}
tbl += "</tbody>";
divID.append(tbl);
$.alert(divID,'Main Menu',1000,600); //JQuery dialog box that takes html variable, title, width and height

```

I'm getting blank content in my dialog box with this code. If anyone can help or see where is my code breaking please let me know. Thank you.