Min Länkning fungerar ej, hjälp

Hej, jag är ny här och till javascript/jquary så har ett problem just nu, håller på att skapa ett script som hämtar "rubriken" till en massa recept och skapar en menu/lista av dom som man sen ska kunna klicka på för att komma till just receptet. Har lyckats skapat listan, men får inte länkingen att fungera = händer inget när jag klickar på dom, observera att det länkas inom samma HTML dokument. Någon som kan hjälpa?

Min kod:

$(document).ready(generateMenu);

function generateMenu() {
alert($("#primarycontent > .post").length);

$("#meny > .contentarea").append( "Klicka för att hämta recept" );
$("#meny > .contentarea").append( "<ul>" );

$("#primarycontent > .post h4").each(function(i) {
$("#meny > .contentarea > ul").append("<li><a href='#" + $(this).attr("id") + "'>" + $(this).text() + "</a></li>");

});
}