title: Jquery .change not updating field
body: <p>I have a form with 16 checkboxes. I'm trying to track the quantity of boxes checked and provide immediate feedback below the form, but I can't get the numSelected variable to update on change.</p>
  
  <p>Here is my script:</p>
  
  <pre><code>$(document).ready(function () {
  // the jQuery.iCheck library wraps the input in a div for styling   
  $('input').iCheck({
      checkboxClass: 'icheckbox_square-red'
  });
  
  // count the checkboxes
  var cb = $(":checkbox"),
      numSelected = 0,
      numLeft = 2 - parseInt(numSelected, 10);
  $(cb).change(function () {
      //alert("a checkbox was checked!");
      var $this = $(this);         
      var numSelected = $this(':checked').length;
      $('#status-box').html("Out of "+$this.length+" images you have selected "+numSelected+" for processing, you have "+numLeft+" remaining");
  });
  });
  </code></pre>
  
  <p>Here is a <a href="http://jsfiddle.net/bxv62/" rel="nofollow">jsfiddle</a> I put together, any help is appreciated!</p>