title: jquery click input[type=''] doesn't work
body: <p>I have a problem with .click() event in jquery. I create an input tag with a button, and then when I click this tag it must show an alert message. But it doesn't work. 
  Here is the HTML code: </p>
  
  <pre><code>&lt;div id="test"&gt;
  
  &lt;/div&gt;
  &lt;input type="button" id="btn" value="Submit" /&gt;
  </code></pre>
  
  <p>And the Jquery code:</p>
  
  <pre><code>$("#btn").click(function(){    
      html = "&lt;input type='text' size='1' name='courses[]' value='1' /&gt;";
      $("#test").after(html);
  });
  $("input[type='text']").on("click", function(){             
      alert('ppp');
  
  });
  </code></pre>
  
  <p>All libraries of jquery are linked in the real site.
  Here is an example in jsFiddle: <a href="http://jsfiddle.net/82pps6Lz/29/" rel="nofollow">http://jsfiddle.net/82pps6Lz/29/</a>
  Thanks</p>