title: jQuery .find("img").attr("src") not returning image source
body: <p>I am using the following jQuery to get the <code>&lt;title&gt;</code> and <code>&lt;content&gt;</code> of an xml feed, for the <code>var contentimg = $(this).find('content').text().find("img").attr("src")</code> there is nothing being returned however if i am to change the variable to <code>$(this).find('content').text()</code>; i am returned the entire content when i am only looking for the content's images src atrribute value. </p>
  
  <h2><a href="http://jsfiddle.net/bpBtC/3/" rel="nofollow">http://jsfiddle.net/bpBtC/3/</a></h2>
  
  <pre><code>$(document).ready(function () {
      $.ajax({
          type: "GET",
          url: "http://www.blogger.com/feeds/2399953/posts/default",
          dataType: "xml",
          success: xmlParser,
          dataType: 'jsonp'
      });
  });
  
  function xmlParser(xml) { 
      $(xml).find("entry").each(function () {
          var title = $(this).find('title').text();
          var contentimg = $(this).find('content').text().find("img").attr("src");
          $(".entirecont").append('&lt;br/&gt;'+title+'&lt;br/&gt;'+contentimg+'&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;');
      });
  }
  ​
  </code></pre>