title: jQuery .find() not working on $.post() data
body: <p>I made a simple example showing the problem: the form below submits to another page using jQuery <code>.post()</code>. </p>
  
  <p><strong>Form</strong></p>
  
  <pre><code>$('form').submit(function(){
  
      $.post(
          $(this).attr('action'),
          $(this).serialize(),
          function(data) {
              var ret = data;
              var final_data = $(ret).find('#holder-1').html();
              alert(final_data);
          }
      )
      return false;
  
  })
  </code></pre>
  
  <p><strong>Action</strong></p>
  
  <pre><code>&lt;div id="holder-1"&gt;
      &lt;h1&gt;Content 1&lt;/h1&gt;
  &lt;/div&gt;
  
  &lt;div id="holder-2"&gt;
      &lt;h1&gt;Content 2&lt;/h1&gt;
  &lt;/div&gt;
  
  &lt;div id="holder-3"&gt;
      &lt;h1&gt;Content 3&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The log shows that the content of <code>data</code> looks fine. But once i try to find <code>#holder-1</code> with <code>.find()</code>, it returns <strong>undefined</strong>.</p>
  
  <p>This is almost the same as the <strong>last example</strong> in the jQuery api page: <a href="http://api.jquery.com/jQuery.post/" rel="nofollow">http://api.jquery.com/jQuery.post/</a></p>
  
  <p>Here is the full (not) working example hosted in my website, with some <code>console.log()</code> along the code:</p>
  
  <p><strong>Form:</strong> <a href="http://www.peixelaranja.com.br/tmp/post.php" rel="nofollow">http://www.peixelaranja.com.br/tmp/post.php</a></p>
  
  <p>I tried nearly anything: passing the dataType as 4th parameter, using <code>$.ajax()</code> instead of <code>.post()</code>, using <code>.filter()</code> instead of <code>.find()</code>, different versions of jQuery... Nothing seems to work.</p>
  
  <p>All the files are <strong>UTF-8</strong>.</p>
  
  <p>Any ideas?</p>