Jsfiddle Displaying Properly, But Once Ran Locally Doesn't Work (javascript)

I have code that works in jsFiddle, but once you run it locally, it doesn't work. jsFiddle Local What is causing this code to work is jsFiddle, but not locally? The local code is

Solution 1:

You have to ensure that the elements exist before you try to select them. You can do that one of three ways:

Include the code after the elements that it targets (generally before the closing body tag)

$(document).ready(function(){...}) to have your code execute after the DOMContentLoaded event

$(window).load(function(){...}) to have your code execute after all resources are completely loaded (known as the window load event)

Solution 2:

The issue is the jquery.js file not being loaded. This is how I fix mine. Download the file include the script in your html doc. Example:

<scripttype='text/javascript'src='jquery-1.9.1.js'></script>