Show a Dialog Box in MVC , ASP.NET

See more:

ASP.NET

Javascript

MVC

I have a MVC, ASP.Net application and I want to create a dialog form.I created a view(*.ascx).I am openning this from controller with return View("Questionnaire", list);

The code for my control is this :

<%@ Control Language="C#"  Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<Questionnaire>>" %>

<div id="dialog">

<table>
 <tr><td >Question</td><td colspan="2">Yes/No</td></tr>
   <%  foreach (Questionnaire s in Model)
       {
    %>
     <tr>
<td><%=s.Question%></td>
<td><input name="Input<%=s.Id %>"  style="text-align:center;" type="radio" /></td>
<td><input name="Input<%=s.Id %>"  style="text-align:center;" type="radio" /></td>
</tr>
 <%
   }
 %>
</table>

 </div>

  <script type="text/javascript">

    $(document).ready(function () {
    });

    $(function () {
     $("#dialog").dialog();
     });
   </script>

But my view doesn't look like a dialog box .Can somebody tell me what's wrong?