title: JQuery BlockUI - Growl Notification not firing. Just Refreshes page
body: <p>I can't seem to get my JQuery Growl notification to fire. 
  I have included pretty much the entire masterpage of my site for reference.</p>
  
  <p>What I've Tried.
  This started out in a content page but didnt work so i moved it to the master page to try and eliminate the issue as not having anyting to do with the content pages themselves.</p>
  
  <p>I have a reference made in my masterpage to a jquery.blockUI.js CDN which i beleive is valid.</p>
  
  <p>I tried throwing a button directly in my masterpage's footer and using the default blockUI example for a growl notification. </p>
  
  <p>I can't seem to get it going. Basically on button click it just seems to do a screen refresh and thats it. Any help would be stellar.</p>
  
  <p>Below is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
      &lt;!-- &lt;link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'&gt; --&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Tangerine|Lobster+Two|Rochester|Dancing+Script|Damion'
      rel='stylesheet' type='text/css'&gt;
      &lt;link rel="stylesheet" href="../style/style.css" media="all" /&gt;
      &lt;script src="../script/modernizr.custom.51561.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="http://code.google.com/p/yes/source/browse/trunk/jquery/blockui/1.2.3/jquery.blockUI.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;asp:ScriptManager ID="ScriptManager1" runat="server" /&gt;
      &lt;div id="container"&gt;
          &lt;div id="header"&gt;
              &lt;div id="logincontrol" style="text-align: right"&gt;
                  &lt;asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false"&gt;
                      &lt;AnonymousTemplate&gt;
                          [ &lt;a href="login/login.aspx" id="HeadLoginStatus" runat="server"&gt;Log In&lt;/a&gt; ]
                      &lt;/AnonymousTemplate&gt;
                      &lt;LoggedInTemplate&gt;
                          Welcome &lt;span class="bold"&gt;
                              &lt;asp:LoginName ID="HeadLoginName" runat="server" /&gt;
                          &lt;/span&gt;! [
                          &lt;asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out"
                              LogoutPageUrl="~/" /&gt;
                          ]
                      &lt;/LoggedInTemplate&gt;
                  &lt;/asp:LoginView&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="nav"&gt;
              &lt;asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" Orientation="Horizontal"
                  DataSourceID="WebSitemap" ItemWrap="false" /&gt;
              &lt;asp:SiteMapDataSource ID="WebSitemap" runat="server" ShowStartingNode="false" SiteMapProvider="XmlSiteMapProvider" /&gt;
          &lt;/div&gt;
          &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server"&gt;
              &lt;ContentTemplate&gt;
                  &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"&gt;
                  &lt;/asp:ContentPlaceHolder&gt;
              &lt;/ContentTemplate&gt;
          &lt;/asp:UpdatePanel&gt;
          &lt;div id="footer"&gt;
               &lt;button id="LoginButton1"&gt;GROWLL&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;script&gt;
   $(document).ready(function () {
       $('#LoginButton1').click(function () {
           $.growlUI('Growl Notification', 'Have a nice day!');
       });
   }); 
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>