Can't detect changed id
<p>When I change the id of a button I cannot find the new id with on.("click"). The function console.log() does detect that it's changed but I cannot detect it with the on() function.</p>

<p>HTML:</p>

<pre><code>&lt;form id="formName" action="" method="post"&gt;
    &lt;input type="submit" id="submitBtn" value="Submit" /&gt;
&lt;/form&gt;
&lt;button id="change"&gt;Change&lt;/button&gt;
</code></pre>

<p>JS:</p>

<pre><code>$("#change").on("click", function(){
    $("#submitBtn").attr("id", "NewBtn"); 
});

$("#formName").submit(function(e){
    e.preventDefault();
});

$("#NewBtn").on("click", function(){
    alert("Hello"); 
});
</code></pre>

<p>So I need it to alert "Hello" after I have clicked on change. It does change the id I checked that with inspect element.</p>

<p>Fiddle: <a href="http://jsfiddle.net/WvbXX/" rel="nofollow">http://jsfiddle.net/WvbXX/</a></p>
