title: Jquery Dialog not open in my simple code
body: <p>What is wrong for the Jquery Dialog not opening when i click in the button?</p>
  
  <p>Below you can see a simple code of the problem.</p>
  
  <h2>Code:</h2>
  
  <pre><code>@model IEnumerable&lt;TPTMVC.Models.User&gt;
  @using TPTMVC.Models;    
  @{ViewBag.Title = "Index";}
  &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"&gt;
    &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready
      (
          function () 
          {               
              $("#opener").click(function () {
                  $("#dialog100").dialog("open");&lt;--Not opening
              });
              $("#dialog100").dialog({ autoOpen: false });  
          }
      );   
  &lt;/script&gt;
  &lt;h2&gt;Index&lt;/h2&gt;
  
  &lt;p&gt;
      @Html.ActionLink("Create New", "Create")
  &lt;/p&gt;
  &lt;button id="opener"&gt;open the dialog&lt;/button&gt;
  &lt;div id="dialog100" title="Dialog Title"&gt;I'm a dialog&lt;/div&gt;
  </code></pre>
  
  <p>Result:</p>
  
  <p><img src="https://i.stack.imgur.com/C5ahR.png" alt="enter image description here"></p>
  
  <p>I'm using entity-framework with C#.</p>
  
  <h2>Update</h2>
  
  <pre><code>$(document).ready(function () {        
          $('#opener').click(function () {
              alert("Click");//It's show
              $('#dialog100').dialog('open');
              return false;
          });
          $('#dialog100').dialog({ autoOpen: false });//After
      }); 
  </code></pre>
  
  <p>In this case the alert work</p>
  
  <pre><code>$(document).ready(function () {
          $('#dialog100').dialog({ autoOpen: false });//Before
          $('#opener').click(function () {
              alert("Click");//it's not show
              $('#dialog100').dialog('open');
              return false;
          });
      }); 
  </code></pre>
  
  <p>In this not.</p>
  
  <h2>The solution:</h2>
  
  <pre><code>  @section Scripts {
  &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"&gt;
    &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('#dialog100').dialog({ autoOpen: false });
          $('#opener').click(function () {
              alert("Bum");
              $('#dialog100').dialog('open');
              return false;
          });
      }); 
  
  &lt;/script&gt;
  }
  </code></pre>
  
  <p>It was missing @section Scripts</p>
  
  <p>Thanks for any help!</p>