title: angularJs detecting click anywhere on page and updating model only in IE9
body: <p>I made a custom accordion template like so :</p>
  
  <pre><code>&lt;div class="left_pane" ng-style="{height : mapStyle.height-82+'px'}"&gt;
              &lt;div class="accord_main_wrap"&gt;
                  &lt;div class="accord_item_wrap" ng-repeat="head in heads"&gt;
                      &lt;p class="accord_head" data-notvisible="true"&gt;{{head.text}}&lt;/p&gt;
                      &lt;div class="accord_content_wrap"&gt;
                          &lt;ul&gt;
                              &lt;li ng-model="sub.text" ng-repeat="sub in head.subs"&gt;
                                      &lt;label&gt;
                                          &lt;input type="checkbox" ng-model="sub.isChecked"/&gt;
                                          &lt;span class="accordSubs"&gt;{{sub.text}}&lt;/span&gt;
                                      &lt;/label&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I have a model which has states of the checkbox.</p>
  
  <p>The problem is that the first checkbox gets updated / toggles (true/false) when the user clicks anywhere on the page.</p>
  
  <p>This behavior is only seen in IE9.
  IE9 above are ok, FF and Chrome are ok. </p>
  
  <p>I am at my wits end, Really need help.</p>
  
  <p><strong>EDIT : Accompanying Model</strong></p>
  
  <pre><code>[{
      "id": "3",
      "text": "Main Title One",
      "subs": [{
          "id": "5",
          "text": "Sub Title One",
          "isChecked": false,
          "headId": "3",
          "headTitle": "Main Title One",
          "$$hashKey": "00E"
      },
      {
          "id": "6",
          "text": "Main Title One",
          "isChecked": false,
          "headId": "3",
          "headTitle": "Sub Title Two",
          "$$hashKey": "00F"
      }],
      "$$hashKey": "004"
  },
  {
      "id": "4",
      "text": "Main Title Two",
      "subs": [{
          "id": "7",
          "text": "Sub Title One",
          "isChecked": false,
          "headId": "4",
          "headTitle": "Main Title Two",
          "$$hashKey": "00A"
      },
      {
          "id": "9",
          "text": "Sub Title Two",
          "isChecked": false,
          "headId": "4",
          "headTitle": "Main Title Two",
          "$$hashKey": "00B"
      }],
      "$$hashKey": "005"
  }]
  </code></pre>