title: Converting html returned from ajax request into an object causes weird complications
body: <p>I am calling an Ajax request with jQuery:</p>
  
  <pre><code>$.get(url, function(data){
      $(data).find('ul');
  });
  </code></pre>
  
  <p>And here is a problem - it does not find any ul.</p>
  
  <p>Returned HTML code looks like:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"&gt;
  &lt;head&gt;
      &lt;title&gt;Title&lt;/title&gt;
      &lt;meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" /&gt;
      &lt;meta name="description" content="Mobilna wersja serwisu GoldenLine." /&gt;
      &lt;meta name="keywords" content="praca, networking, forum, blog, bran?a" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://css.goldenline.pl/mobile.css" /&gt;
      &lt;link rel="shortcut icon" href="http://x/favicon.ico" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;&lt;a id="h" href="http://x/"&gt;&lt;img src="http://x/img/mobile.gif" alt="GoldenLine" /&gt;&lt;/a&gt;&lt;/h1&gt;
      &lt;h2&gt;Moje grupy&lt;/h2&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;img src="http://x/img/ico-post.png" alt="" /&gt;
              &lt;a href="http://x/forum/estimating-software"&gt;estimating software&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;img src="http://x/img/ico-post.png" alt="" /&gt;
              &lt;a href="http://x/forum/google-hacking"&gt;Google hacking&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;img src="http://x/img/ico-post.png" alt="" /&gt;
              &lt;a href="http://x/forum/google-plus"&gt;Google Plus&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;img src="http://x/img/ico-post.png" alt="" /&gt;
              &lt;a href="http://x/forum/praca-dla-informatykow"&gt;IT – Praca dla osób z...&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;img src="http://x/img/ico-post.png" alt="" /&gt;
              &lt;a href="http://x/forum/jezyki-skryptowe"&gt;Języki Skryptowe&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;img src="http://x/img/ico-post.png" alt="" /&gt;
              &lt;a href="http://x/forum/netcamp"&gt;Netcamp&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
      &lt;p class="setAsRead"&gt;&lt;a href="http://x/fora/ozn"&gt;Ozn&lt;/a&gt;&lt;/p&gt;
      &lt;form method="get" action="http://x/szukaj"&gt;
          &lt;input type="text" name="q" /&gt;
          &lt;input type="submit" value="Szukaj" /&gt;
      &lt;/form&gt;
      &lt;ul&gt;
          &lt;li&gt;1. &lt;img src="http://x/img/msg_box_ico.gif" alt="" /&gt; &lt;a href="http://x/skrzynka" accesskey="1"&gt;Skrzynka [0]&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;2. &lt;a href="http://x/kontakty" accesskey="2"&gt;Kontakty&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;3. &lt;a href="http://x/forum" accesskey="3"&gt;Moje grupy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;4. &lt;a href="http://x/wylogowanie" accesskey="4"&gt;Wyloguj&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div class="footer"&gt;
          &lt;p&gt;2010 &amp;copy; Goldenline.pl | &lt;a href="http://x/www"&gt;przejdź do normalnej wersji serwisu&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But when I convert it into an object</p>
  
  <pre><code>$(data)
  </code></pre>
  
  <p>I got something like this:</p>
  
  <pre><code>[
  &lt;!--?xml version="1.0" encoding="UTF-8"?--&gt;, 
  Text, 
  &lt;title&gt;?GoldenLine.pl?&lt;/title&gt;?, 
  Text, 
  &lt;meta http-equiv=?"content-type" content=?"application/?xhtml+xml;? charset=utf-8"&gt;?, 
  Text, 
  &lt;meta name=?"description" content=?"Mobilna wersja serwisu GoldenLine."&gt;?, 
  Text, 
  &lt;meta name=?"keywords" content=?"praca, networking, forum, blog, bran?a"&gt;?, 
  Text, 
  &lt;link rel=?"stylesheet" type=?"text/?css" href=?"http:?/?/?css.goldenline.pl/?mobile.css"&gt;?, 
  Text, 
  &lt;link rel=?"shortcut icon" href=?"http:?/?/?m.goldenline.pl/?favicon.ico"&gt;?, 
  Text, 
  &lt;h1&gt;?…?&lt;/h1&gt;?, 
  Text, 
  &lt;h2&gt;?Moje grupy?&lt;/h2&gt;?, 
  Text, 
  &lt;ul&gt;?…?&lt;/ul&gt;?, 
  Text, 
  &lt;p class=?"setAsRead"&gt;?…?&lt;/p&gt;?, 
  Text, 
  &lt;form method=?"get" action=?"http:?/?/?m.goldenline.pl/?szukaj"&gt;?…?&lt;/form&gt;?, 
  Text, 
  &lt;ul&gt;?…?&lt;/ul&gt;?, 
  Text, 
  &lt;div class=?"footer"&gt;?…?&lt;/div&gt;?, 
  Text, 
  &lt;script type=?"text/?javascript"&gt;?…?&lt;/script&gt;?, 
  Text
  ]
  </code></pre>
  
  <p>What should I do to match <code>&lt;ul&gt;</code> elements in this piece of code returned from Ajax request ?</p>