title: JavaScript jQuery not working after AJAX
body: <p>guys, currently I'm working on a project where I need to load some data through AJAX. I'm using jQuery for AJAX.
  Here are the HTML and JavaScript code</p>
  
  <pre><code>&lt;body&gt;
  &lt;input type="submit" value="Number 1"&gt;
  &lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function(){
          $.ajax('ajax.html',{
          success: function(data){
              $('body').append(data);
          }
          });
  
          $('input').click(function(){
              alert('bang!!!');
          });
       });
   &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And here is the ajax.html file</p>
  
  <pre><code>&lt;input type="submit" value="Number 2"&gt;
  </code></pre>
  
  <p>Now the AJAX is working perfectly, but the click event is not working with the AJAX loaded input tag</p>
  
  <p>The click event is working perfectly with the first input tag</p>