问jQuery函数不能在MVC4 _Layout.cshtml页面中工作

EN

我在MVC4项目的~/Views/Shared/_Layout.cshtml文件(MVC MasterPage)中有以下代码

<span id="clickMeToToggleMe">
    <img src="~/Images/1.jpg" />
</span>

我还在我的~/Scripts/myCustom.js文件中在~/Scripts/jQuery-1.8.3.min下捆绑了一个~/ViewStart/bundle.config Javascript文件。"myCustom.js“文件包含多个其他函数，它们在我运行应用程序时正常工作，~/Views/Shared/_Layout.cshtml视图在浏览器中呈现。

The problem：尽管我已经确认视图和javascript正在呈现并正常工作，但...one特定的Javascript/jQuery仍然无法工作：

// bg toggle
$('#clickMeToToggleMe').click(function () { $('body').toggleClass('anotherClass', 1000); });

我知道这很管用，因为我以前用过很多次了。这是一个http://jsfiddle.net/mrbilljsf/3mQDV/3/，他们也在那里使用它。由于某种原因，该函数在~/Views/Shared/_Layout.cshtml中无法工作，有什么想法吗？

更新#1下面的图像显示了FireFox中的选择器和元素(包括由于图像高度和线条高度而强制填充)(使用检查元素(Q)选择工具)：

我将span Id的名称更改为"tb“(以及javascript*中的选择器)。