how to detect change for a radio button list
<pre><code>&lt;ul id='theList'&gt;
&lt;li&gt;&lt;input type='radio' name='foo' val='1' /&gt;&lt;/li&gt;
&lt;li&gt;&lt;input type='radio' name='foo' val='2' /&gt;&lt;/li&gt;
&lt;li&gt;&lt;input type='radio' name='foo' val='3' /&gt;&lt;/li&gt;
&lt;li&gt;&lt;input type='radio' name='foo' val='4' /&gt;&lt;/li&gt;
&lt;li&gt;&lt;input type='radio' name='foo' val='5' /&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I want to show an alert('hi') when some radio input is selected. 
I tried this:</p>

<pre><code>$(function(){
   $('#theList input[type="radio"]').live('change', function(){
      alert('hi');
   });
});
</code></pre>

<p>and it doesn't work.
(I use live because I change the content of the ul via ajax)</p>
