title: Can't load json data in jquery
body: <p>I am trying to get json data from twitter . <a href="http://api.twitter.com/1/statuses/public_timeline.json" rel="nofollow">http://api.twitter.com/1/statuses/public_timeline.json</a>
  this is my code </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(document).ready(function(){
  
              $("button").click(function(){
                  $.getJSON("http://api.twitter.com/1/statuses/public_timeline.json",function(result){
                      $.each(result, function(i, field){
                          $("div").append(field + " ");
                      });
                  });
              });
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;button&gt;Get JSON data&lt;/button&gt;
  &lt;div&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>it is from <a href="http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_getjson" rel="nofollow">http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_getjson</a>
  but it is not working !</p>