title: jQuery ajax not returning youtube iframe src
body: <h2>I have a jsFiddle here : <a href="http://jsfiddle.net/ZXDYS/22/" rel="nofollow">http://jsfiddle.net/ZXDYS/22/</a></h2>
  
  <p>I am creating Blogger post summaries using jQuery although it will not return the element iframe's attr src...You can find the blog <a href="http://ykhaliq.blogspot.com/" rel="nofollow">here</a> for reference . what have i done wrong? please help!</p>
  
  <pre><code>$.ajax({
      url: 'http://www.blogger.com/feeds/1570527947646221682/posts/default?alt=json-in-script&amp;max-results=3',
      type: 'get',
      dataType: "jsonp",
      success: function(data){
          for (var i = 0; i &lt; data.feed.entry.length; i++){
              var title = data.feed.entry[i].title.$t;
              var content = data.feed.entry[i].content.$t;
              var img = $(content).find("img").attr("src");
              var iframe = $(content).find("iframe").attr("src");
              if(img==undefined){
                  var imgsrc = "no image in post :( sorry?";
                      }else{
                      var imgsrc = img;
              }
              $('div.related').append('&lt;table border="1"&gt;&lt;tr&gt;&lt;td colspan="2"&gt;post title - '+title+'&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th width="100%"&gt;Image src&lt;/th&gt;&lt;th width="100px"&gt;Iframe src&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;'+imgsrc+'&lt;/td&gt;&lt;td&gt;'+iframe+'&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;');           
          }
      }
  });​
  </code></pre>