Trying to create modal dialog using jQuery

Hi,

I am trying to create modal dialog which contains Text-boxes and drop-downs which are going to get the Data from the parent page, but its not creating the modal dialog but its putting the values on the same parent page. Here is how I have created the modal
 

$('#btnViewJob').click(function (event) {
   var mytext = 'My first modal dialog using MVC: <input type="text" value="Some value comes from parent page" id="temp"' + somevaluecomesfromparentpage + '" />'; 
 
    $('<div id="dialog"><table><tr><td>' + mytext + '</td></tr></table></div>').appendTo('body');
    event.preventDefault();
 
    $('#dialog').dialog({
autoOpen: false,
width: 400,
resizable: false,
title: "hi there",
modal: true,
buttons: {
    "Close": function () {
$(this).dialog("close");
    }
}
    });
});

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."