title: jquery ui and asp.net master pages
body: <p>Can someone please tell me why this code that works without a master page refuses to work when I use nested master pages. The necessary jquery js files have been referenced in the base master page</p>
  
  <pre><code>&lt;%@ Page Title="" Language="C#" MasterPageFile="~/Detail.master" AutoEventWireup="true"
      CodeBehind="FieldWorkerDetail.aspx.cs" Inherits="FoodVault.Web.WebForms.Admin.FieldWorkerDetail" %&gt;
  
  &lt;%@ Register Assembly="RepeaterPager" Namespace="RepeaterPager" TagPrefix="fv" %&gt;
  &lt;%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %&gt;    
  
  
  &lt;asp:Content ID="Content1" ContentPlaceHolderID="LeftContent" runat="server"&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"&gt;
  &lt;script type="text/javascript"&gt;     // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
      function Show()
       {
  
              $("#dialog-message").dialog({
                  modal: true,
                  buttons: {
                      Ok: function () {
                          $(this).dialog("close");
                      }
                  }
              });
              $("#dialog-message").dialog("open");
  
          }
      &lt;/script&gt;
          &lt;div class="demo"&gt;
              &lt;input id="Button1" type="button" value="button" onclick="Show()" /&gt;
  &lt;div id="dialog-message" title="Download complete"&gt;
      &lt;p&gt;
          &lt;span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"&gt;&lt;/span&gt;
          Your files have downloaded successfully into the My Downloads folder.
      &lt;/p&gt;
      &lt;p&gt;
          Currently using &lt;b&gt;36% of your storage space&lt;/b&gt;.
      &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;!-- Sample page content to illustrate the layering of the dialog --&gt;
  &lt;div class="hiddenInViewSource" style="padding:20px;"&gt;
      &lt;p&gt;Sed vel diam id libero &lt;a href="http://example.com"&gt;rutrum convallis&lt;/a&gt;. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.&lt;/p&gt;
      &lt;form&gt;
          &lt;input value="text input" /&gt;&lt;br /&gt;
          &lt;input type="checkbox" /&gt;checkbox&lt;br /&gt;
          &lt;input type="submit" onclick="Show()" /&gt;radio&lt;br /&gt;
          &lt;select&gt;
              &lt;option&gt;select&lt;/option&gt;
          &lt;/select&gt;&lt;br /&gt;&lt;br /&gt;
          &lt;textarea&gt;textarea&lt;/textarea&gt;&lt;br /&gt;
      &lt;/form&gt;
  &lt;/div&gt;&lt;!-- End sample page content --&gt;
  
  &lt;/div&gt;&lt;!-- End demo --&gt;
  </code></pre>