Newly appended objects don't respond to jQuery events from page load
<p>I am using Backbone here, but I've also experienced this issue with non-Backbone sites as well.</p>

<p>Essentially, my issue is that I define in one javascript file, base.js, a number of 'global' jquery functions. Then, I load new elements and append them to the page using Backbone, AJAX, or whichever asynchronous call you like. This works great, except the new objects don't seem to be linked to the jQuery events I declared on pageload. (Sorry for the layman language here - often I am a newbie at proper wording)</p>

<p>For example, let's say I declare in a js file loaded on pageload:</p>

<pre><code> $('.element').hover(function(){alert('hi world')});
</code></pre>

<p>But then I append a new element after pageload, then this hover won't work.</p>

<p>Can anyone explain:</p>

<ol>
<li>Why this is?</li>
<li>Whether I can force a new appended element to work with/listen to current events already declared?</li>
</ol>

<p>I suspect (2) may not be possible (that I have to rewrite the events after appending), but am interested to know if there is some sort of solution.</p>
