Why doesn't my web page see select2?

How Do I...
#1

I’m new to web programming, so I likely have something terribly wrong.

In my head, I have

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js">
	
$(document).ready(function() {
    $('.js-example-basic-single').select2();
});

</script>```

Then in my body, I have
```<select class="js-example-basic-single" name="state">
  <option value="AL">Alabama</option>
    <option value="AR">Arkansas</option>
    <option value="UT">Utah</option>
   <option value="NY">New York</option>
  <option value="WY">Wyoming</option>
</select>```

The web page acts as if select2 is not present.
#2

I managed to get this the css and javascript to load by referencing it manually.