为什么头中包含的第二个js文件工作不正常

我在JQuery移动应用程序和Phonegap中工作。我在头中声明了一个File1.js文件，作为头中的最后一个文件。

因此，我在js文件中有一个小函数：

$('#SendMailButton').bind('tap',function(e){
    alert("Hello");
});

当用户按下按钮时，一切正常。

后来，我把这个函数从File1.js文件移到了一个新的File2.js文件中并且我在File1.js下面声明File2.js如下：

<script src="js/File1.js"></script>
<script src="js/File2.js"></script>

但它不起作用。

完整的标题如下：

<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<script src="js/iscroll.js" type="text/javascript"></script>
<script src="js/jquery.mobile.iscrollview.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="cordova.js"></script>
<script src="js/File1.js"></script>
<script src="js/File2.js"></script>

我错了什么？