单击我的按钮元素时，为什么我的脚本没有生成任何更改？

Question

我有以下HTML：

<section>
<div class="col-md-6">
<button id="quoteClick" type="button" class="btn btn-success btn-lg 
quoteButton text-center btn-block">Get Quote</button>
</div>
</section>

<section> 

<div class="col-md-8 boxed show text-center">
          Text
          </div>  
</section>

我想单击按钮并更改文本，因此我的html文件中包含以下代码：

<script>
  $(document).ready(function() {
    $("#quoteClick").on("click", function(){

      $(".show").html("Here is the message");

    });
  });
</script>

按钮显示正确但是，当我点击它时没有任何反应。