How to target Ajax Loaded Elements in Jquery Load Function
<p>I'm loading in some HTML content like this:</p>

<pre><code>$('#scores').load('scores.php #scores');
</code></pre>

<p>Note that It is a requirement that I target a specific part of scores.php (as there is other text surrounding the area I'm trying to target.</p>

<p>However the HTML generated by the load function is not targetable with JQuery.</p>

<p>For example if the #scores html is like this:</p>

<pre><code>&lt;div class="score"&gt;2335&lt;/div&gt;
</code></pre>

<p>The JQuery Event listener doesn't pickup on this:</p>

<pre><code>$('.score').click(function(event){
  /* This doesn't work */
  alert('this alert never fires if the click event listener is an ajax generated item.');
});
</code></pre>
