JQuery styling does not get applied

I'm trying to use JQuery to style my HTML page but it does not work.

Is my JQuery correct?

<script>
    $(document).ready(function() {
        $("div").css("color", "red");
    });
</script>


<div class="container-fluid text-center jumbotron">
    <h1 id="heading1">Protector of the Environment</h1>
    <h3 id="heading2">Wangari Maathai</h3>
</div>

from JQuery styling does not get applied