My first script. what to put in the html?

My first script. what to put in the html?

I have just written my first jquery script using jsfiddle (see links below)

http://jsfiddle.net/karlhonda/vsm1x8yp/1/embedded/result/
http://jsfiddle.net/karlhonda/vsm1x8yp/1/

This works fine in the jsfiddle environment but when I create my HTML, CSS and JS files from this and launch in a browser the script doesn't work. All the collapsed sections are open when they should be closed by default.

I am assuming it has something to do with the naming convention and / or the way I am referencing the script.

Currently the files are all called feedback (.html/.css/.js)

<body>
<script src="feedback.js"></script>

but I think I need to rename this file or at least define it as jquery.2.0.1.min.

What am I missing? How do I do this?

Please help - it has been driving me crazy for days and the more I read the more confused I seam to get.