Display Github repo list with javscript in HTML page.

github_repo.html

<div class="github-repos span-9 last">
  <h4>My Github Projects</h4>
  <ul>
    <li>Loading...</li>
  </ul>
</div>
<div class="github-org-repos span-9 last">
  <h4>Baobaz Github Projects</h4>
  <ul>
    <li>Loading...</li>
  </ul>
</div>

github_repo.js

<script type="text/javascript">
  (function($) {
    $(function() {
      $.getJSON("https://api.github.com/users/narno/repos?callback=?", function(response) {
        $("div.github-repos ul li").remove();
        $.each(response.data, function(idx, repo) {
          if(!repo.fork) {
            $("div.github-repos ul").append(
              $("<li>").append(
                $("<a>")
                  .html(repo["name"])
                  .attr("href", repo["html_url"])
              )
            );
          }
        });
      });
    });
  })(jQuery);
</script>