getjson11.html

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.js"></script>
 <script type="text/javascript">

 data={"posts": 

[
 
{ 
"title":"9lessons | Programming Blog", 
"url":"http://9lessons.blogspot.com" 
}, 
{ 
"title":"jQuery and Ajax Demos Pard - 3", 
"url":"jquery-and-ajax-best-demos-part-3.html"
 }, 

]
 
};


 $(document).ready(function()
 {

  $('.load').click(function()
{
  $.each(data.posts, function(i,data)
 {
   var div_data =
      "<div ><a href='"+data.url+"'>"+data.title+"</a></div>";
      $(div_data).appendTo("#9lessonsLinks");
 });
 });
 });


 </script>
 

<div>
 

<input type="button" value="Load" class="load" />
 
</div>
 <div id="9lessonsLinks"></div>