ページ内リンク

ページ内リンクのスムーズスクロールについて、head内に

<script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
<!-- スムーズスクロール -->
<script>
$(function(){
$('a[href^="#"]').click(function() {
var speed = 400; // スクロールスピード(ミリ秒)
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
</script>
<!-- スムーズスクロール -->

を記述していますが全く効きません。

自分なりに調べてみましたが、href^=#とhref^="#"の記事しか見つかりませんでした。
jQueryのバージョンを変えてみましたが、それでもダメでした。

お手上げ状態なのでどなたか知恵を貸して頂けると助かります。