Jquery Steps doing nothing

I`m trying to use Jquery-Steps but this doesnt even like is working or loaded, it only shows the h1 and div blocks, only the html is been loaded

Here is the code that I took from them, I dont know if I need to do something else.

<html>
<head>
    <title>Demo</title>
    <meta charset="utf-8">
    <script type='text/javascript'  src="jquery.js"></script> 
    <script type='text/javascript' src="jquery.steps.js"></script>
    <script type='text/javascript'  src="jquery.steps.min.js"></script>
</head>
<body>
    <script>
        $("#wizard").steps();
    </script>
    <div id="wizard">
<h1>First Step</h1>
<div>First Content</div>

<h1>Second Step</h1>
<div>Second Content</div>
</div>
</body>
</html>

Solution

Try now ?

<html>
<head>
    <title>Demo</title>
    <meta charset="utf-8">
    <script type='text/javascript' src="https://code.jquery.com/jquery-2.2.0.min.js"></script> 
    <script type='text/javascript' src="jquery.steps.min.js"></script>
</head>
<body>
        <script>
            $("#wizard").steps();
        </script>
        <div id="wizard">
    <h1>First Step</h1>
    <div>First Content</div>
 
    <h1>Second Step</h1>
    <div>Second Content</div>
</div>
   <script>
    // Initialize wizard
var wizard = $("#wizard").steps();
 
// Add step
wizard.steps("add", {
    title: "HTML code", 
    content: "<strong>HTML code</strong>"
});
    </script>
    </body>
</html>