jQuery on() instead of live() not working
<p>I have the following html tag</p>

<pre><code>&lt;input type="text" id="txtColor" /&gt;
&lt;div id="wrapper"&gt;
    &lt;div id="someDynamicElement"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>When i do this it works</p>

<pre><code>$('#txtColor').live('change',function(){
    var x = this.value;
    $('#someDynamicElement').css('color',x);
});
</code></pre>

<p>But when i try to do the same using <code>on()</code> instead of <code>live()</code> as in the below code, it doesn't work. What am i doing wrong</p>

<pre><code>$('#wrapper').on('change','#txtColor',function(){
    var x = this.value;
    $('#someDynamicElement').css('color',x);
});
</code></pre>

<p>Where <code>#someDynamicElement</code> is an element that is dynamically added to the page. </p>
