In the spirit of letting the code speak for itself (and to save me the trouble of composing prose), I created an interactive demo page which should illustrate the basic aspects.

Any feedback would be much appreciated.

The jQuery folks are nice enough to provide a raw XML dump of their API documentation (http://api.jquery.com).
I wrote a quick macro to parse that data and store it as tiddlers:
http://svn.tiddlywiki.org/Trunk/contributors/FND/plugins/jQueryDocsImportMacro.js
Demo:
http://fnd.lewcid.org/tmp/jQueryAPI.html

http://groups.google.com/group/tiddlywikidev/browse_thread/thread/4974fa9717f669ab

Over the course of several discussions with Mike, we’ve come up with some simple idioms which we hope will make our code a little prettier:

var entries = ["foo", "bar", "baz"];

$("<ul />").
	append($.map(entries, function(item, i) {
		return $("<li />").text(item)[0];
	})).
	appendTo(container);

$.fn.create = function(html) {
	return this.append(html).children(":last");
};

$("<div />").
	create("<h2 />").addClass(className).text(heading).end().
	create("<p />").text(body).end().
	appendTo(container);

I’ve created a simple demo page (source) to better illustrate and explain this new approach, contrasting it with my previous code.

While I’m sure this sort of thing has been done before, it doesn’t seem to be common knowledge — at least nobody in the jQuery IRC channel had any ideas when I first asked.

Any comments (including YDICW, if necessary) would be appreciated.

The uncompressed source is available on GitHub (also for my previous TinyURL bookmarklet).

1. I’d be happy for him to merge these changes back into WTFramework, thus rendering this fork obsolete
2. created using Bookmarklet Builder

This bookmarklet works in two steps: On the first click, the TinyURL is created. The second click then extracts both URLs from the page and presents them in a newly-created input field, ready to copy and paste.
The original plan was to circumvent the first step by using a hidden IFRAME element. However, due to XSS restrictions, that seems not to be possible.

Limitations

TinyURL currently strips in-page anchors from the original URL (e.g. http://domain.tld/index.html#section becomes http://domain.tld/index.html).
I’m afraid there is nothing I can do about this.

Also, some error handling is currently missing, which might lead to JavaScript errors in case TinyURL change their HTML structure.

Source Code
(latest version available on GitHub)

function extractTinyURL() {
    var txt = document.body.innerHTML;
	var RE = /(http:\/\/tinyurl.com\/\w+)/;
	var original = document.getElementsByName("url")[0].value;
	var tiny = txt.match(RE)[1];
	return tiny + " (" + original + ")";
}

function displayTinyURL() {
	var txt = extractTinyURL();
	var c = document.createElement("div");
	c.style.position = "absolute";
	c.style.top = "25%";
	c.style.left = "25%";
	c.style.width = "50%";
	c.style.width = "border: 2px solid #AAA";
	c.style.padding = "50px";
	c.style.backgroundColor = "#EEE";
	var e = document.createElement("input");
	e.setAttribute("type", "text");
	e.setAttribute("value", txt);
	e.style.width = "100%";
	c.appendChild(e);
	document.body.appendChild(c);
	e.select();
}

if(document.location.toString().indexOf("tinyurl.com") == -1)
	document.location.href = "http://tinyurl.com/create.php?url=" + location.href;
else
	displayTinyURL();

Feel free to suggest improvements!

2008-11-21: added link to GitHub repository

1. see here for my reasoning on this
2. created using Bookmarklet Builder