Cannot create a table inside a Dialog Box

Question

The Dialog Opens fine,but there is no Table tag,i also cant see any error, so that i can sort out whats wrong.

function CreateDialog(data){
    $( "#dialog-form" ).dialog({
        autoOpen: true,
        height: 300,
        width: 350,
        modal: true,
        open: function() {
            jQuery('dialog-form').append('<table><tr>');
            jQuery.each(data, function(key, value) {
                jQuery('dialog-form').append("<td>"+value+"</td>");
            });
            jQuery('dialog-form').append('</tr></table>')
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    });
}

Answer 1

Try to change:

jQuery('dialog-form')

to:

jQuery('#dialog-form')

You're missing # to target id here.