title: jQuery Events on Elements in an UpdatePanel
body: <p>I have some elements inside an UpdatePanel which may or may be displayed, depending on various conditions.</p>
  
  <pre><code>&lt;asp:UpdatePanel ID="MyUpdatePanel" runat="server"&gt;
      &lt;ContentTemplate&gt;
          &lt;asp:Panel ID="MyPanel" runat="server"&gt;
              &lt;img id="clickableImage" src="/path/to/image.png" alt="Clickable Image" /&gt;
              &lt;span id="specialMessage"&gt;You clicked on the image!&lt;/span&gt;
          &lt;asp:Panel&gt;
      &lt;/ContentTemplate&gt;
  &lt;/asp:UpdatePanel&gt;
  </code></pre>
  
  <p>I'm trying to wire it up so that the specialMessage SPAN is shown when the clickableImage IMG is clicked with the following:</p>
  
  <pre><code>$(document).ready(function() {
      $("#clickableImage").click(function() {
          $("#specialMessage").show();
      });
  
      $("#specialMessage").draggable();
  });
  </code></pre>
  
  <p>However, since MyPanel is often not visible when the page loads (but it may be visible later based on user interaction), the events aren't hooked up.  Is there a way that I can hook up these events even if MyPanel is not visible on the initial page load?</p>