title: MVC jqueryUI modal dialog
body: <p>So in all my failed attempts to get jQueryUI working, I have tried this example <a href="http://mytechworld.officeacuity.com/?p=280" rel="nofollow noreferrer">here</a> after downloading a theme from the jQueryUI site.</p>
  
  <p>and here is my code looking at that example in the link above in my asp.net mvc page. </p>
  
  <pre><code>&lt;link type="text/css" href="&lt;%= Url.Content("~/Scripts/jquery-ui/css/smoothness/jquery-ui-1.8.17.custom.css")%&gt;" rel="stylesheet" /&gt;    
  &lt;script type="text/javascript" src="&lt;%= Url.Content("~/Scripts/jquery-ui/js/jquery-1.7.1.min.js")%&gt;"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="&lt;%= Url.Content("~/Scripts/jquery-ui/js/jquery-ui-1.8.17.custom.min.js")%&gt;"&gt;&lt;/script&gt;
  
  
  
  &lt;script&gt;
  
  $('#dialog_link').click(function(){
      $('#Dialog').dialog('open');  
      return false;
  });
  
  
  &lt;/script&gt;
  
  &lt;p id="dialog_link"&gt;Open Dialog&lt;/p&gt; 
  
  
  &lt;div id="Dialog" title="Dialog title!"&gt;
  This content shown within dialog...
  
  &lt;/div&gt;
  </code></pre>
  
  <p>After hitting F5 I would have expected to see a clickable text which when clicked would bring up a modal dialog with a [x] button to close it and get back to the main window. However what I get to see is this on page load,</p>
  
  <p><img src="https://i.stack.imgur.com/3O8bx.png" alt="screenshot of mvc application "></p>
  
  <p>where the text 'open dialog' does not respond to click events and the supposed "modal dialog" is already visible in the form of a plain string and without any formatting. So where did all the magic of jQueryUI go? Something wrong in my linking correct scripts? 
  Totally lost. Please help..</p>
  
  <p><strong>Edit</strong>
  This exact same code works in pure html mode in a different file. when I copy this code into my asp.net mvc page within the content tags I get a javascript error at a non-descript line!!</p>