title: jquery, manipulate the data in an ajax success function
body: <p>In qwerty.php I'm able to load test.php with ajax, I also want to manipulate the data loaded in the success function but it doesn't seem to work.</p>
  
  <p>In qwerty.php my code is </p>
  
  <pre><code>&lt;div class="qwerty"&gt;qwerty&lt;/div&gt;
  
  &lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  $(function(){
  
  $.ajax({
      type: 'GET', 
      url: 'test.php', 
      success: function(data, textStatus, jqXHR) {
          $(data).find('.test1').click(function(){$(this).toggle();});
          $('.qwerty').before(data);
  
      }
  });
  
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>and in test.php I have :</p>
  
  <pre><code>&lt;div class="test1"&gt;test1&lt;/div&gt;
  &lt;div class="test2"&gt;test2&lt;/div&gt;
  </code></pre>
  
  <p>so my data is loaded correctly before the <code>div</code> "qwerty" but when I'm clicking on "test1" nothing happen. </p>