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?
 
    