jquery not working in css

I'm having trouble getting my code to work and I'm not sure why. Here is the link to the jsfiddle.

$(document).ready(funciton() {
  $("button").click(function() {
    $("h1").css("color", "red");
  });
});

<h1>
Testing123
</h1>
<button>
  Make the h1 red
</button>

4 Years ago

you have to include the jquery library link in order to use the jquery nomenclature.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Also you have a typo in the first line

$(document).ready(funciton() {...

should be

$(document).ready(function() {...