בעיה מאוד מוזרה שיש לי עם js

[link]

שלום לכולם, אני בונה בעזרת jquery פונקציה מסוימת(לא חשוב מהי כרגע). יש לי קובץ של פונקציות שאני עשיתי(בנוסף לקבוץ ספריה שלה) ויש בה פונקציה די פשוטה שבשביל לבדוק שהיא עובדת אז עשיתי שהיא סתם תעשה alert. הבעיה היא שכשאני עושה את הדבר הבא

<td class='td_menu'><span onclick=\"block_generator();\">{$i}</span></td>

אז לא קורה כלום. שום דבר. אבל כשאני עושה את זה:

<td class='td_menu'><span onclick=\"alert('a');\">{$i}</span></td>

אז הפוקנציה עובדת. אני גם מצרף את הקובץ פונקציה החיצוני:

$(document).ready(function(){

	$("#menu_tree_0").hover(
		function(){
			$("#menu_branch_0").slideToggle("slow");
		},
		function(){
			$("#menu_branch_0").slideToggle("fast");
		}
	);

	$("#menu_tree_1").hover(
		function(){
			$("#menu_branch_1").slideToggle("slow");
		},
		function(){
			$("#menu_branch_1").slideToggle("fast");
		}
	);

	$("#menu_tree_2").hover(
		function(){
			$("#menu_branch_2").slideToggle("slow");
		},
		function(){
			$("#menu_branch_2").slideToggle("fast");
		}
	);

	$("#menu_tree_3").hover(
		function(){
			$("#menu_branch_3").slideToggle("slow");
		},
		function(){
			$("#menu_branch_3").slideToggle("fast");
		}
	);

	function block_generator()
	{
		alert ( '1' );
	}
});

אני עובד עם דפדפן כרום אבל גם בIE מתרחשת אותה הבעיה.

יש למישהו הסבר או פתרון לדבר?