Why doesn't .on() work for links that weren't preloaded on the page?
<p>After trying hashchange and finding out it simply doesn't work in Internet Explorer, I decided to try a click() approach instead.  What below is supposed to do is when a link is clicked, check to see if the url contains the page, then change the link_content's html to a div content with an id equal to the hash.  </p>

<p>It works for all links that are preloaded with the page, but the current links in the link_content div do not trigger.  Why isn't this working?</p>

<pre><code>$(document).ready(function() {          
    $('a').on("click", function(event){
        if (location.pathname.search("boh.html")){  
            hash=this.hash;
            if(hash=='#more'){
                $('#link_content').html($('#hiddenlist').html());
            }
            else if(hash){
                $('#link_content').html($(hash).html());
            }
        }
    });
});
</code></pre>
