How to code a popup from a link in MVC4

See more:

MVC4

Hi,
I have code like this for a popup from link in MVC4:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="~/Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="~/Scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>

<h2>popup</h2>

@Html.ActionLink("open", "popup", new { @class = "openDialog" })

<div id="dialog-Box" style="background-color: white; border: thin solid #0101DF;width: 100px; height: 100px">
    <p>hai</p>
</div>

<script type="text/jscript">
$('#dialog-Box').dialog({
        autoOpen: false,
        height: 500,
        width: 700,
        resizable: false,
        modal: true
    });

    $('.openDialog').click(function () {
        var theURL = $(this).attr('href');
        $('#dialog-Box').load(theURL, function () {
            $(this).dialog('open');
        });
    });

</script>

but the popup is not working


please help me in doing this i am new to MVC