Problem with Dialog box

Problem with Dialog box

Hi
I am a new to jquery can some on point me in right direction on this.
I have a html page where a table is generated using jquery ajax
function and jquery datatables plugin . In this table for every row
in the table there will be 3 buttons each button inturn will call a
ajax function which i have done a working fine. But the critical part
is when a specific button is clicked it should open a dialog box.
Below is the sample structure
$(document).ready(function(){
//dialog box
$("#dialog").dialog({
bgiframe: true,    resizable: false,     height:"auto", modal: true,
    autoOpen: false,
    buttons: {
        'Save': function() {
        },
        'No': function() {
        $(this).dialog('close');
        }
    }
});
//do some ajax to load the table
$.ajax({
//append the table to the body div 1
//when clicked on button 1
//do ajax2 to load another table at the bottom of the
first table
$.ajax({
//append the table to the bodydiv 2
});
//when clicked on button 2
//open a dialog box say for editing the content
//and save it to DB
$('#dialog').dialog('open');
});
});
what the problem is i cant get the dialog box can some one tell me
what is wrong or how to go for this
--