tagitでタグを出すことが出来ない

前提

タグ付きの入力フォームを作ろうとしています。
初心者なので単純な間違いかも知れませんがご教授いただければ幸いです。

発生している問題・エラーメッセージ

https://qiita.com/tomokitk/items/6d5ad1241a352eda3571
上記ドキュメントを参考にhtmlを書いてみたのですが、入力してもタグが出てきません

該当のソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
5    <link rel="stylesheet" type="text/css" href="css/jquery.tagit.css">       
6</head>
7<body>
8<div class="search-area-colum form-contents">
9    <input type="text" class="myTags" value="" name="tags">
10</div>
11<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
12<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
13<script type="text/javascript" src="js/tag-it.min.js"></script> 
14<script type="text/javascript">
15    $(document).ready(
16        function(){
17            $(".myTags").tagit({
18                singleField: true,
19                availableTags: ['php', 'ruby', 'react', 'reactNative', 'laravel']
20            });
21        }); 
22 </script>
23</body>
24</html>