Can't get jquery and dependsOn code to work

Can't get jquery and dependsOn code to work

I am new to this and have tried a simple page. The code is below. Supposedly the text box should only appear when the checkbox is ticked. It is currently there all of the time.

I have jquery and dependsOn in the same folder as the web page.

The code I have is

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>

<script type="text/javascript" src="dependsOn-1.0.2.min.js"></script>

</head>
<body>

      
<form id="myForm">
<label for="myCheck">Check Me</label>
<input type="checkbox" id="myCheck">
 
<label for="myText"><br />
  Input</label>
<input type="text" id="myText" value="">
</form>

      <script>

$('#myText').dependsOn({
// The selector for the depenency
'#myCheck': {
// The dependency qualifiers
enabled: true,
checked: true
}
});
</script>

</body>
</html>

Can anyone give me some help please?