title: jquery modal pop up in asp.net mvc
body: <p>I'm trying to replicate the example I see here 
  <a href="http://jqueryui.com/dialog/#animated" rel="nofollow">http://jqueryui.com/dialog/#animated</a> with the following asp.net mvc view</p>
  
  <pre><code>@{
      ViewBag.Title = "Partial";
  }
  
      &lt;script&gt;
          $(function () {
              $("#dialog").dialog({
                  autoOpen: false,
                  show: {
                      effect: "blind",
                      duration: 1000
                  },
                  hide: {
                      effect: "explode",
                      duration: 1000
                  }
              });
  
              $("#opener").click(function () {
                  $("#dialog").dialog("open");
              });
          });
  &lt;/script&gt;
  
      &lt;div id="dialog" title="Basic dialog"&gt;
          &lt;p&gt;This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;button id="opener"&gt;Open Dialog&lt;/button&gt;
  
  
      @section scripts{
          @Scripts.Render("~/Scripts/jquery-1.10.2.js")
          @Scripts.Render("~/Scripts/jquery-ui-1.8.11.js")
  
          }
  </code></pre>
  
  <p>but the jquery isn't firing, I'm not sure if I'm linking the jquery scripts right or what...</p>
  
  <p>I've also tried this</p>
  
  <pre><code>&lt;script src="@Url.Content("~/Scripts/jquery-1.10.2.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>on the top of the page but nothing</p>
  
  <p>ultimately my goal is to use @Ajax.ActionLink (which is working for me) and then make the "div" that gets updated with the partial view into a modal popup. But for now, I can't get this modal working, I appreciate the help guys</p>