I am building an app in Facebook and would like to pull in some Causes stats. In order to do this I am using jQuery and the ajax call. I am also using YQL. Here is what I have:

3. <script src="https://www.google.com/jsapi" type="text/javascript"></script> 
4. <script language="javascript" type="text/javascript" charset="utf-8">
5. //<![CDATA[
6. google.load("jquery", "1"); 
7. //]]>
8. </script>
9. <script type="text/javascript" charset="utf-8">
10. /* <![CDATA[ */
11. $(document).ready(function()
12. {
13.  $.ajax({
14. type: "GET",
15. url: "http://query.yahooapis.com/v1/public/yql?q=select * from json where url="http://api.causes.com/beneficiaries/1239.json"&format=json",
16. dataType: "json",
17. success: function(data) {
18. $.each(data.query.results, function(i, key) {
19.                 var total = key['total_raised'];
20. var members = key['total_members'];
21. var donors = key['total_donors'];
22. var causes = key['total_causes'];
23.                 $("#listTotalDollor").html('<span>$' + total + '</span>');
24. $("#listTotalNumber").html('<span>' + members + '</span>');
25. $("#listTotalNumDonor").html('<span>' + donors + '</span>');
26. $("#listTotalNumCauses").html('<span>' + causes + '</span>');
27.             });
28. }
29.  });
30. });
31. /* ]]> */
32. </script>

As you know this is getting pulled in through an iFrame. This is working just fine in Chrome and FF.

I am just out of ideas...