Change of checkbox doesn't trigger function
<p>I have 2 checkboxes that one selects the other.
Checkbox1 has a change event. However, when I check checkbox1 via checkbox2, the event on checkbox1 is not being triggered.</p>

<p>See <a href="http://jsfiddle.net/deligeli/s6fe9/809/" rel="nofollow">jsfiddle</a>.</p>

<pre><code>$(document).ready(function() {
     $("#check1").change(arrangeWindow);
   $("#check2").click(function(){
      $("#check1").prop("checked", this.checked);
   });
});

function arrangeWindow() {
    console.log("Missing my baby");
}
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;input type="checkbox" id="check1" value="value" /&gt;
&lt;label for="chk"&gt;Checkbox 1&lt;/label&gt;

&lt;input type="checkbox" id="check2" value="value" /&gt;
&lt;label for="chk"&gt;Checkbox 2 &lt;/label&gt;
</code></pre>

<p>I can call arrangeWindow from check2 click function, but that's not smart.</p>

<p>How can I trigger the change event upon changing it via jquery? </p>