Fiddler Request

A jquery version of the fiddler request.

by beckje01

HTML

<ul id="fiddle-list"></ul>

CSS

body {
    font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Myriad', Tahoma, Verdana, Arial;
    font-size: .8em;
    color: #4D5860;
}

h1 {
    margin: 0 0 15px;
    font-size: 1.2em;
}

a {
    color: #478CDE;
    text-decoration: none;
    font-weight: bold;
}

span {
    font-size: .8em;
    color: #7F7F7F;
}

ul {}

li {
    margin: 0 0 5px;
    padding: 0 0 5px;
    border-bottom: solid 1px #E9EDF0;
}

p {
    font-size: .9em;
    color: #7F7F7F;
    padding: 5px 0 0;
}

JavaScript

function FiddleCallback(data)
{
    if(data.status=="ok")
    {
        $("#fiddle-list").append("<li>"+data.list[0].title+"</li>");
        $("#fiddle-list").append("<li>"+data.list[1].title+"</li>");
    }
}

$(function(){
    
    $.getJSON("http://jsfiddle.net/api/user/beckje01/demo/list.json?callback=?",FiddleCallback);
   
});