title: iCheck event fired many times after pairing with Remodal
body: <p>I am currently using:</p>
  
  <ul>
  <li>remodalJS 0.6.4</li>
  <li>iCheckJS 1.0.2</li>
  </ul>
  
  <p>the UX is designed so that the iCheck checkboxes and radios act as filters and live within a remodal. Weird things happened when I paired up the two libraries to use:</p>
  
  <p><img src="https://i.stack.imgur.com/a9vgx.png" alt="chrome devtool console screenshot"></p>
  
  <p>This is the console output from Chrome, </p>
  
  <blockquote>
    <p><code>ifChecked</code> is being fired one time more when a selection is checked (by radio or checkbox). </p>
  </blockquote>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="bower_components/remodal/dist/jquery.remodal.css"&gt;
          &lt;link rel="stylesheet" href="bower_components/iCheck/skins/line/green.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;h1 data-remodal-target="test-icheck-remodal"&gt; Animal&lt;/h1&gt;
          &lt;h1 data-remodal-target="test-icheck-remodal-2"&gt; Comics&lt;/h1&gt;
          &lt;div class="remodal" data-remodal-id="test-icheck-remodal"&gt;
              &lt;h2&gt;Choose Animal&lt;/h2&gt;
              &lt;input type="checkbox" value=""&gt;
              &lt;label&gt;Cat&lt;/label&gt;
              &lt;input type="checkbox" value=""&gt;
              &lt;label&gt;Dog&lt;/label&gt;
          &lt;/div&gt;
  
          &lt;div class="remodal" data-remodal-id="test-icheck-remodal-2"&gt;
              &lt;h2&gt;Choose Comics&lt;/h2&gt;
              &lt;input type="checkbox" value=""&gt;
              &lt;label&gt;Batman&lt;/label&gt;
              &lt;input type="checkbox" value=""&gt;
              &lt;label&gt;Superman&lt;/label&gt;
          &lt;/div&gt;
          &lt;script type="text/javascript" src="bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="bower_components/remodal/dist/jquery.remodal.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="bower_components/iCheck/icheck.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              $('input:checkbox, input:radio').each(function() {
                  var self = $(this),
                  label = self.next(),
                  label_text = label.text();
                  label.remove();
                  self.iCheck({
                      checkboxClass: 'icheckbox_line-green',
                      radioClass: 'iradio_line-green',
                      insert: '&lt;div class="icheck_line-icon"&gt;&lt;/div&gt;' + label_text
                  })
              });
              var flag = false;
              $(document).on('open', '.remodal', function(e) {
                  var $this = $(this);
                  var inputFields = $this.find('input:checkbox, input:radio');
  
                  console.log('remodal Opened');
                  if(!flag) {
                      inputFields.on('ifChecked', function(event) {
                          console.log('ifChecked called');
                      });
  
                      flag = true;
                  }
  
              });
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Corresponding bower.json</p>
  
  <pre><code>{
    "name": "remodal_icheck",
    "version": "0.0.0",
    "dependencies": {
      "remodal": "0.6.4",
      "iCheck": "1.0.2"
    },
    "devDependencies": {
    }
  }
  </code></pre>