var content = new Array();
$.getJSON("http://riverdalecornercafe.com/wp/category/isd/feed/json", function(data) {
    $.each(data, function(i, item) {
        content.push(item.content);
    });
console.log(content[0]);
});

<div class="main">
        <div class="title"></div>
        <div class="content"></div>
    </div>

$.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        url: "http://riverdalecornercafe.com/wp/category/isd/feed/json",
        success: function(jsonArray) {
            for (var i = 0; i < jsonArray.length; i++)
            {
               $('.content').append(/*the format you want to add in html */ json value : 'jsonArray[i].name)
            }


     error: function()
         {
            you can handle your error
          }

$.getJSON("http://riverdalecornercafe.com/wp/category/isd/feed/json", function(data) {
   var myJson = data;
   var lastItem = myJson.length;
   for (var i = 0; i < lastItem; i++){
      $('.content').append(myJson[i].title);
   }
});

<script type="text/javascript" text="javascript">
    $.getJSON("http://riverdalecornercafe.com/wp/category/isd/feed/json", function (data) {
        var myJson = data;
        var lastItem = myJson.length;
        for (var i = 0; i < lastItem; i++) {
            $('.innerCarousel').css('width', (lastItem * 500) + 'px');
            $('.innerCarousel').html("<div style=float:left;width:500px;><img src='" + myJson[i].imagePath + "' /></div>");
        }
    });
    $('.next').on('click', function () {
        $('.innerCarousel').animate({ left: ($(this).css('left') - 500) + "px" },"medium");
    });
    $('.prev').on('click', function () {
        $('.innerCarousel').animate({ left: ($(this).css('left') + 500) + "px" }, "medium");
    });
</script>


<div style="width:500px;height:300px;overflow:hidden;position:relative;">
    <div class="innerCarousel" style="position:absolute;left:0px;"></div>
    <div class="next"></div>
    <div class="prev"></div>
</div>