jQuery - $.getJSON Jsfiddle Parser

This example shows how to get jsfiddles parsng them via json. Note! please use show to preview the code becuse it wont be shown inside jsfiddle edit screen "jsfiddle url"/show

by Umair Rafiq

HTML

<div id="input">
    <span>Get Fiddles</span>
    <button id="getFiddles">Get Fiddles</button>
</div>
<div id="output"></div>

CSS

li {
    padding:10px;
}

JavaScript

$("#getFiddles").bind("click", function() {
    /*var twitterUsername = $("#twitterUsername").val();*/
    var url = "https://api-fillings.socialmarketanalytics.com/comparener?f1=4460725&f2=6588021&output=json"
        
    //var url = "http://twitter.com/status/user_timeline/" + twitterUsername + ".json?count=5&callback=?";
    $.getJSON(url, function(data) {
        console.log(data);
        var twitterList = $("<ul />");

        /* - */
        
         $.each(data, function(index, item) {
            $("<li />", {
                "text": item.name,
                "id":item.wordDifference
            }).appendTo(twitterList);
        });
        
        $("#output").fadeOut("fast", function() {
            $(this).empty().append(twitterList).fadeIn(3000);
        });
    })
    /*
    .success(function() { alert("another chained success"); })
    .error(function() { alert("chained error"); })
    .complete(function() { alert("chained complete"); });
    */
    .done(function() { alert("another chained success"); })
    .fail(function() { alert("chained error"); })
    .always(function() { alert("chained complete"); });
});