Open a Dialog Box in a MVC app

Question

Hi, I have a MVC application , in ASP.Net.I want to add to my application a dialog box but i can't make it works fine.

This is the code : 

<div id="my-dialog">123</div>

    <a href="#" id="show-modal">Click Me </a>

     <script type="text/javascript">

       $(function () {

            $('#my-dialog').dialog({

                autoOpen: false,

                width: 400,

                resizable: false,

                modal: true

            });

            $('#show-modal').click(function() {

                var url="";

                url = "<%= Url.RouteUrl("OpenQuestionnaire", new {  ccode = c.Code, eid = c.Id })%>";

                $('#my-dialog').load(url, function() {

                    $(this).dialog('open');

                   

                });

                return false;

            });

        }); 

    </script>

I can open the page but text doesn't show like a dialog box .Can somebody tell me what's wrong?