Why is live() and load() not working?
<p>I have a page that works perfectly when it's rendered upon page load. (My rows are supposed to highlight when I hover over them.)  </p>

<p>When I load the page via a jQuery load event, the page renders perfectly, but the rows do not highlight when hovered over.</p>

<p>I'm pretty sure the problem is that the DOM isn't being updated when load occurs.  Usually, this is solved easily by integrating the live event.</p>

<p>This isn't working though.  Might you know why it's not working?</p>

<p></p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {

$("#ListByFranchisor").live("click", function() {
        $("#ListResultsDiv").load("advisors/recommendationsbyfranchisors.cfm").slideDown();
});

});
&lt;/script&gt;



$(".data tr:not(.head)").mouseover(function() {
    $(this).addClass('over');
});

$(".data tr").mouseout(function() {
    $(this).removeClass('over');
});
</code></pre>
