title: Check box change event is not working in firefox jquery
body: <p>Here is my code. This code is not working in mozilla firefox browser.</p>
  
  <p><strong>My Html</strong></p>
  
  <pre><code>&lt;input class="staff_check" name="select_staff" type="checkbox" value="@Model.Caregivers[i].AgencyUserID" /&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>        var selected_staff = [];
          var selected_staff_names = [];
          $('input[name="select_staff"').change(function () {
              console.log('ds');
              if (this.checked) {
                  selected_staff.push($(this).val());
                  selected_staff_names.push('&lt;span class="selected_staff"&gt;' + $(this).parent('label').text().trim() + '&lt;/span&gt;');
              }
              else {
                  var idx = $.inArray($(this).val(), selected_staff);
                  if (idx &gt; -1) {
                      selected_staff.splice(idx, 1);
                      selected_staff_names.splice(idx, 1);
                  }
              }
          });
  </code></pre>
  
  <p>This works fine in google chrome. But it'nt work in mozilla firefox. </p>