title: Can't detect changed id
body: <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>