Issue Embedding SkyWeather Data on Website

For some reason, I'm not able to get the html code to display using the example from WeatherStem below: I've blocked out my api key in the code below for privacy reasons.

It's not showing the weather data when I click on the page I created on my

website: www.stthomaspubliclibrary.ca/weathertest.html



Any ideas?


<!-- Meta data for API key and station identifier -->


<meta name="WeatherSTEM-api-key" content="blocked out"> <!-- IMPORTANT! REPLACE "3zxaakeb" WITH YOUR REGISTERED API KEY -->


<meta name="WeatherSTEM-station" content="skyweather/stplweather"> <!-- Replace "miamidade/rsmas" with your county/station -->





<!-- JavaScript -->


<script src="//code.jquery.com/jquery-1.12.0.min.js"></script> <!-- jQuery needs to load before the API file -->


<script src="//static.weatherstem.com/api.min.js"></script> <!-- API file (must load after jQuery) -->





<!-- HTML snippet (data-sensor attribute can be the name of any installed sensor) -->


<div>


<div> Live Weather Conditions from <span data-station-property="name"></span>: </div>


<div> Current Temperature: <span data-sensor="Thermometer"></span> °F </div>


<div> Current Humidity: <span data-sensor="Hygrometer"></span>% </div>


<div> Current Rainfall: <span data-sensor="Rain Rate"></span> in/hr </div>


<div> Current Dew Point: <span data-sensor="Dewpoint"></span> °F </div>


<div> Current Pressure: <span data-sensor="Barometer"></span> inHg </div>


</div>