my jquery code does not find the proper html tag

by Akram kamal

HTML

<input type="checkbox" id="foo" />
<h3>try to make below text disappear.</h3>
<p id="dd1">Click me away! dd1 said.</p>
<p id="dd2">Click me too! dd2 said</p>

JavaScript

$(document).ready(function() {

  $("#foo").on("change", function() {
    var bulean = this.checked
    $("#dd1").toggle(bulean)
    $("#dd2").toggle(!bulean);
  }).change();

});