jQuery代码段不起作用

Question

我在jsfiddle中尝试过这个jquery片段并且它工作得非常好，但是当我将它插入一个全新的html文件时，它根本不起作用。它只是显示“普通”，而完全相同的代码在jsfiddle中显示“plain100”这是我想要的。有什么问题？

代码：

<script>
        $(document).ready(function(){
            var string = "100";
            var a = document.getElementsByTagName('span');
            a[0].innerHTML += string;
        }
    </script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    	

    
    <span>plain</span>