//WTF 1 ?
почему две обсолютно одинаковые функции вложены друг в друга ?
$(document).ready(function() {
$(function() {
});
});
// достаточно
$(function() {
});
//WTF 2 ?
<!-- в jquery так писать непринято. ->
<a href="#" onclick='$("#alert").overlay().load()'><h2>ALERT</h2></a>
<!-- следует писать -->
<a href="#" id="alertLink"><h2>ALERT</h2></a>
<script type="text/javascript" >
$(function() {
//здесь ещё какойто код вроде $("#alert").overlay({ бла бла });
$("#alertLink").click(function(){
$("#alert").overlay().load();
//return false; //отменяет переход по ссылке (можете использовать если надо)
});
});
<script>
//WTF 3 ?
я невижу в вашем примере кода для функции overlay, ни обьявления, ни подключения скрипта с этой функцией