Re-Tying a the jquery click dynamically after replacing the element
<p>I have a set of nested elements like such.</p>

<pre><code>&lt;div id="master"&gt;
    &lt;span id="num-1" class="num"&gt;&lt;/span&gt;
    &lt;span id="num-2" class="num"&gt;&lt;/span&gt;
    &lt;span id="num-3" class="num"&gt;&lt;/span&gt;
    &lt;span id="num-4" class="num"&gt;&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>And I have the following script</p>

<pre><code>$( document ).ready( function() {
    $( '#master &gt; span.num' ).click( function() {
        q = $( "span[id*=num-']" ).attr( "id" );
        $( '#master' ).html( '&amp;nbsp;' ).load( 'www.someurl.com/?rating=' + q );
    });
});
</code></pre>

<p>The load function returns a completely new set of span elements for inside the div.  Problem is that I can't seem to figure out how to get this to work past the first time I click one.  Since the click is tied to the spans and the spans get replaced, I understand that they no longer have a script tied to them, but I haven't been able to figure out how to get this to re-tie on the fly.  I'm super new to jquery and javascript so any help would be appriciated.</p>

<p>All my experiments with using .live() have merely rendered my script useless.  Help?</p>
