title: Parsing returned HTML from jQuery AJAX request
body: <p>What I'm trying to do seems simple:  get an <em>HTML</em> page through <code>$.ajax()</code> and pull out a value from it.</p>
  
  <pre><code>$(function () {
      $.ajax({
          url: "/echo/html",
          dataType: "html",
          success: function (data) {
              $('#data').text(data);
              $('#wtf').html($(data).find('#link').text());
          },
          data: {
              html: '&lt;!DOCTYPE html&gt;&lt;head&gt;&lt;title&gt;&lt;\/title&gt;&lt;link href="../css/popup.css" rel="stylesheet" /&gt;&lt;\/head&gt;&lt;body&gt;&lt;ul&gt;&lt;li&gt;&lt;a id="link"&gt;content&lt;\/a&gt;&lt;\/li&gt;&lt;\/ul&gt;&lt;\/body&gt;&lt;\/html&gt;'
          }
      });
  });
  </code></pre>
  
  <p>The problem is that <em>jQuery</em> refuses to parse the returned HTML.</p>
  
  <p>The <a href="http://jsfiddle.net/hcrM8/1/">fiddle</a> I'm play with this in isn't working in the mean time, so there's little else I can do to provide a working example.</p>
  
  <p><strong>UPDATE:</strong> My <a href="http://jsfiddle.net/wtfsven/ywVKT/1/">new fiddle</a> is working fine, but it seems the problem is that in my actual project I'm trying to parse a large, complex bit of HTML.  Is this a known problem?</p>