What events are fired when jquery assigns to innerHtml
<p>I have the following code which loads some html (which includes anchors) into a div when I click on a link in navMenu.  When I step through it, the <code>&lt;p&gt;'s</code> are hidden, but they are not hidden when the page finally appears.  After page is displayed, contentClickFunction hides/shows <code>&lt;p&gt;'s</code> as expected.</p>

<p>I believe I need something like 'ready' but for assigning to innerHtml.  Is there an event I can listen for so my call to hide is not overridden?</p>

<p>I know I can achieve my goal by adding css setting <code>#content li&gt;p { display:none; }</code> but I want to understand what is going on.</p>

<pre><code>$(document).ready(function(){
    $("#content").on("click", "li&gt;a", contentClickFunction);
    $("#navMenu a").click(function(event){
        var href = $(this).attr("href");
        event.preventDefault();
        $.get( href , function(data){
            $("#content").html(data);
        });
        $("#content li &gt; p").hide();
    });
  });
</code></pre>
