Trying to use a tag-editor, without success :(

Trying to use a tag-editor, without success :(

I'm trying to implement a tag-editor on my website, therefor I want to use the jquery found at:

http://goodies.pixabay.com/jquery/tag-editor/demo.html

So I tried making it work with this coding:

  1. <html>
  2. <head>
  4. <script>
  5.     $('#demo1').tagEditor({
  6.     initialTags: ['Hello', 'World', 'Example', 'Tags'],
  7.     delimiter: ', ', /* space and comma */
  8.     placeholder: 'Enter tags ...'
  9.     });
  10. </ script>
  11. <script src = "jquery.tag-editor.js" type = "text/javascript"></ script>
  12. <link rel = "stylesheet" href = "jquery.tag-editor.css">
  13. </ head>
  14. <body>
  15.          <div style = "margin:0 0 1.2em">
  16.              <p>The original field - textarea or text input - is normally hidden automatically. We show it here to make value changes visible: </ p>
  17.              <textarea id = "demo1"></ textarea>
  18.          </ div>  
  19.          </ body>
  20. </ html>
( Both the .css and the .js file are in the same directory as my html file.)
All I'm getting as a result is a plain textarea, which ain't producing tags when typing in it.

I don't understand what I'm doing wrong here, so I hope someone can help me out..