Javascriptでボタンを押したらqittaの記事を取得する機能を実装したい

ボールドテキスト### 前提・実現したいこと

buttonを押すと、APIを使ってQittaの情報をjson形式で取得し、HTMLの適当なdivに表示させるjavascriptのコードを書いています。

発生している問題・エラーメッセージ

HTML上に表示させることはできたのですが、JSON形式で表示するやり方が分からなくて困ってます。

該当のソースコード

JavaScript
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="UTF-8" />
5<title>Qiita api</title>
6<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
7<script>
8$(function() {
9    var no = 1
10    // キャッシュを無効にする
11    $.ajaxSetup({
12        cache: false
13    });
14    // 記事をとってきて表示
15    var getArticle = function(){
16        $.get('http://qiita.com/api/v2/items?',
17                { page:no, per_page:"20" }
18            ).done(function(data) {
19                $.each(data, function(i, v){
20                    // aタグオブジェクトをつくってhrefにv.urlをセット
21                    // v.titleをテキスト形式で表示
22                    var a = $("<a>").attr("href", v.url).text(v.title);
23                    // liタグオブジェクトをつくって先程作ったaをappend
24                    // それを#js_append_areaに追加
25                    $("#js_append_area").append($("<li>").append(a));
26                })
27            });
28    }
29    // 最初の20件を初期表示
30    getArticle();
31    // ボタンを押すごとに次の20件を表示
32    $("#next").click(function () {
33        ++no;
34        getArticle();
35    });
36});
37</script>
38</head>
39<body>
40    <ul id="js_append_area">
41    </ul>
42    <a id="next" href="#">次の20件を表示</a>
43</body>
44</html>
45