title: jQuery $(document).ready and UpdatePanels?
body: <p>I'm using jQuery to wire up some mouseover effects on elements that are inside an UpdatePanel. The events are bound in <code>$(document).ready</code> . For example:</p>
  
  <pre><code>$(function() {    
      $('div._Foo').bind("mouseover", function(e) {
          // Do something exciting
      });    
  });
  </code></pre>
  
  <p>Of course, this works fine the first time the page is loaded, but when the UpdatePanel does a partial page update, it's not run and the mouseover effects don't work any more inside the UpdatePanel. </p>
  
  <p>What's the recommended approach for wiring stuff up in jQuery not only on the first page load, but every time an UpdatePanel fires a partial page update? Should I be using the ASP.NET ajax lifecycle instead of <code>$(document).ready</code>?</p>