JSON-P

<style>
  th {
    text-align: right;
    vertical-align: top;
    margin-right: 2ex;
  }
  img#depiction {
    max-width: 128px;
    max-height: 128px;
  }
</style>
<table>
  <tr><th><b>name:</b></th><td id="name"></span></td></tr>
  <tr><th><b>nick:</b></th><td id="nick"></span></td></tr>
  <tr><th><b>mbox:</b></th><td id="mbox"></span></td></tr>
  <tr><th><b>homepage:</b></th><td id="homepage"></span></td></tr>
  <tr><th><b>depiction:</b></th><td><img id="depiction"></img></td></tr>
</table>
<script type="text/javascript">
  function callback(x) {
    document.getElementById('name').innerHTML = x.name;
    document.getElementById('nick').innerHTML = x.nick;
    document.getElementById('mbox').innerHTML = x.mbox;
    document.getElementById('homepage').innerHTML = x.homepage;
    document.getElementById('depiction').src = x.depiction;
  }

  var s = document.createElement('script');
  s.src = './jsonp/james.js';
  document.getElementsByTagName('head')[0].appendChild(s);
</script>

Demo

name:
nick:
mbox:
homepage:
depiction: