title: JQuery Thickbox - Can't get it to display
body: <p>I am using JQuery for the first time today. I can't make it to work (It simple doesnt show up). I want to display inline content using Thickbox (Eventually I will be displaying a PDF in an iframe). I have included all the javascript and css files etc. and referenced them as in code below. </p>
  
  <pre><code>    &lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQueryLearning._Default" %&gt;
  &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;Untitled Page&lt;/title&gt;
  
      &lt;script src="Scripts/thickbox.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="Scripts/thickbox-compressed.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;link href="App_Themes/Theme/Css/thickbox.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div&gt;
          &lt;a href="#TB_inline?height=50&amp;width=300&amp;inlineId=hiddenModalContent"
                  title="Simple Demo" class="thickbox"&gt;Show hidden content.&lt;/a&gt;
          &lt;div id="hiddenModalContent" style="display: none;"&gt;
              &lt;div style="text-align: center;"&gt;
                  Hello ThickBox!&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Am I missing something?
  Thanks,
  Ali </p>