Cacher is the code snippet organizer for pro developers

  <h3 id="click-me">CLICK ME!</h3>

  <script type="text/javascript">

    // This "document.ready" code isn't necessary in this example... but is useful to become familiar with.
    // "document.ready" makes sure that our JavaScript doesn't get run until the HTML document is finished loading.
    $(document).ready(function() {

      // Here we use jQuery to select the header with "click-me" as its ID.
      // Notice I have the click, #click-me, and then the function
      // So action, id|class|element, function
      // And so whenever it is clicked...
      $("body").on("click", "#click-me", function() {
        alert("I've been clicked!");
      });

    });

</script>