Can jQuery manipulate inserted elements?
<p>I'm a freshman to jQuery. I think it's reasonable that jQuery could manipulate elements added by code, but I found it couldn't just now. </p>

<pre><code>$(function(){
    $("#addVideo").click(function(){
         $("#publisher").append("&lt;div id='choseType'&gt;&lt;input type='button' value='video'&gt; &lt;input value='music' type='button'&gt; &lt;input type='button' value='X'&gt;&lt;/div&gt;");
    })      
    $("#choseType input:eq(0)").click(function(){
     $(this).addClass("selected");
    })
})
</code></pre>

<p>Is it jquery's limitation or my code's fault? It seems if I put the second <code>click()</code> function into the first one it will run correctly, but it will only run once(if I remove the appended <code>#choseType</code>and append it again the second click won't work.).Then how do I manipulate code added elements? Thanks!</p>
