<!DOCTYPE html>
<html>

  <head>
    <base target="_blank">
    <script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>JQM-Forum Public Plunks</h1>
  </body>

</html>
$(function() {
  $("body").ul("JQM-Forum")
    .ul("jtara")
    .ul("Palestinian")
    .ul("JakeCigar")

})
$.fn.ul = function(user) {
  var there = this
  var heading = $("<h2>" + user.link("http://plnkr.co/users/" + user) + "</h2>")
  var url = "http://api.plnkr.co/users/" + user + "/plunks"
  heading.appendTo("body")
  $.getJSON(url, function(data) {
    var ul = "<ol>"
    $.each(data, function(i, plunk) {
      console.log(i,plunk)
      if (!plunk.description.match(/jquery.*mobile/i)) return null
      var url = plunk.url.replace(/api\./, "").replace("plunks/", "") + ""
      ul += "<li>" + plunk.description.link(url) + "</li>"
    })
    $(ul).insertAfter(heading)
  })
  return there
}
/* Styles go here */

Collection of jQuery mobile templates