Checkbox change function does not work except clicking on it
<p>I have written a function for a hdcheck checkbox.</p>

<pre><code>$('#hdcheck').change(function () {
  if($(this).is(':checked')) {
    alert("It is Checked");
  }
  else {
    alert("It is Unchecked");
  }
});
</code></pre>

<p>It works find when I check or uncheck the checkbox but I have made a function that problematically make this checkbox checked or unchecked. 
Here is the function on checkbox <code>chk_1</code>:</p>

<pre><code>$('#chk_1').change(function () {
  if($(this).is(':checked')) {
    $('#hdcheck').prop("checked", true);
  }
  else {
    $('#hdcheck').prop("checked", false);
  }
});
</code></pre>

<p>This function works fine on making the first checkbox (<code>hdcheck</code>) checked or unchecked but it does not pop ups the alert message. Mean the function <code>$('#hdcheck').change(function()</code> 
does not work.</p>
