jquery text()/html()无法获取元素内容?

jquery源文件已经正确引入，用的1.11.3版本

 <body>
<div id="shoppingCart">nums of goods in cart:<span>33</span></div>
<script>
var cart = $("#shoppingCart"),span = $("#shoppingCart>span");
        console.log(cart.html());
        console.log(cart.text());
        console.log(span.html());
        console.log(span.text());
</script>
</body>

输出结果为undefined {空字符串} undefined {空字符串}
不知道是哪里的问题，请各位不吝赐教

在框里填写的好好的一发部就少了很多内容如下是html内容

nums of goods in cart:33

哦看来框里边不能输入标签 HTML如下
div id="shoppingCart"
nums of goods in cart:
span 33 /span
/div

没有问题。。

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
 <body>
<div id="shoppingCart">nums of goods in cart:<span>33</span></div>
<script>
var cart = $("#shoppingCart"),span = $("#shoppingCart>span");
        console.log(cart.html());
        console.log(cart.text());
        console.log(span.html());
        console.log(span.text());
</script>
</body>

写的太累赘了不累吗字节得不得了！

$("#id").val();