MVC- Jquery Popup alert

MVC- Jquery Popup alert

step1: index.cshtml

<script type="text/javascript" language="javascript" src="~/Scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" language="javascript" src="~/Scripts/jquery.json-2.2.min.js"></script>
<script src="~/Scripts/Validation.js" type="text/javascript" language="javascript"></script>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
<link href="~/css/jquery-ui.css" rel="stylesheet" />

<script>

    $(document).ready(function () {

if ('@TempData["msg"]' != "") {
            $("#dialog-alert").dialog('open');
        }


 $("#dialog-alert").dialog({
            autoOpen: false,
            resizable: false,
            show: { effect: 'drop', direction: "up" },
            modal: true,
            draggable: true,
            open: function (event, ui) {
                $(".ui-dialog-titlebar-close").hide();
            },
            buttons: {
                "OK": function () {
                    var url = '@Url.Action("Index", "UserLogin")';
                    window.location.href = url;
                    $(this).dialog("close");
                }
            }
        });      
         });
</script>

step2: controller.cs

TempData["msg"]="Registered Successfully";