title: Jquery: Use of attributes' specified attribute is deprecated. It always returns true
body: <p>I have collection of select elements, when I change value of one select elements for first time this function dont work it works the second time I change value and in console I have <img src="https://i.stack.imgur.com/I9ter.jpg" alt="this"> </p>
  
  <p>jQuery code:</p>
  
  <pre><code>$(document).ready(function () {
      var collection = $('select.ddlJ');
      console.log(collection);
      for (var element in collection) {
          $(element).change(function () {
  
              $('select.ddlJ').change(function (e) {
                  $(this).parent().parent().find('td:last').prev().find('span').html(
                      $(this).parent().parent().find('select.ddlJ').filter(function () {
                          return $.trim($(this).val()) == 'm';
                      }).length);
  
                  $(this).parent().parent().find('td:last span').html(
                  $(this).parent().parent().find('select.ddlJ').filter(function () {
                      return $.trim($(this).val()) == 'n'; }).length);
              });
          });
      }
  });
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;table cellspacing="0" border="1" style="border-collapse:collapse;" id="grid1"
     rules="all"&gt;
          &lt;tbody&gt;&lt;tr&gt;
   &lt;th scope="col"&gt;Nr de ord&lt;/th&gt;
   &lt;th scope="col"&gt;StudentId&lt;/th&gt;
   &lt;th scope="col"&gt;Name LName&lt;/th&gt;
  
   &lt;th scope="col"&gt;
        &lt;span id="mondayText"&gt;monday&lt;br&gt;&lt;/span&gt;
        &lt;span id="monday"&gt;14.05.2012&lt;/span&gt;
    &lt;/th&gt;
  &lt;th scope="col"&gt;
       &lt;span id="thuesdayText"&gt;thuesday&lt;br&gt;&lt;/span&gt;
       &lt;span id="thuesday"&gt;15.05.2012&lt;/span&gt;
  &lt;/th&gt;
  &lt;th scope="col"&gt;
       &lt;span id="wednesdayText"&gt;wednesday&lt;br&gt;&lt;/span&gt;
       &lt;span id="wednesday"&gt;16.05.2012&lt;/span&gt;
  &lt;/th&gt;
  &lt;th scope="col"&gt;
       &lt;span id="thursdayText"&gt;thursday&lt;br&gt;&lt;/span&gt;
       &lt;span id="thursday"&gt;17.05.2012&lt;/span&gt;
  &lt;/th&gt;
  &lt;th scope="col"&gt;
       &lt;span id="fridayText"&gt;friday&lt;br&gt;&lt;/span&gt;
       &lt;span id="friday"&gt;18.05.2012&lt;/span&gt;
  &lt;/th&gt;
  &lt;th scope="col"&gt;
       &lt;span id="saturdayText"&gt;saturday&lt;br&gt;&lt;/span&gt;
       &lt;span id="saturday"&gt;19.05.2012&lt;/span&gt;
    &lt;/th&gt;
     &lt;th scope="col"&gt;
     &lt;span id="M"&gt;Total1&lt;/span&gt;
     &lt;/th&gt;
    &lt;th scope="col"&gt;
     &lt;span id="N"&gt;Total2&lt;/span&gt;
     &lt;/th&gt;
                 &lt;/tr&gt;&lt;tr&gt;
                  &lt;td&gt;  1  &lt;/td&gt;
                  &lt;td&gt;110001&lt;/td&gt;
                  &lt;td&gt;Test1 Test1&lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
   &lt;select class="ddlJ" id="a1111_0" name="ctl00$contentbody$grid1$ctl02$a1111"&gt;
                  &lt;option value="a" selected="selected"&gt;a&lt;/option&gt;
                  &lt;option value="m"&gt;m&lt;/option&gt;
                  &lt;option value="n"&gt;n&lt;/option&gt;
              &lt;/select&gt;
   &lt;select class="ddlJ" id="a2222_0" name="ctl00$contentbody$grid1$ctl02$a2222"&gt;
                  &lt;option value="a" selected="selected"&gt;a&lt;/option&gt;
                  &lt;option value="m"&gt;m&lt;/option&gt;
                  &lt;option value="n"&gt;n&lt;/option&gt;
              &lt;/select&gt;
  
                            &lt;/td&gt;&lt;td&gt;
                            &lt;/td&gt;&lt;td&gt;
                            &lt;/td&gt;&lt;td&gt;
                            &lt;span class="label" id="totalM"&gt;&lt;/span&gt;
                            &lt;/td&gt;&lt;td&gt;
                             &lt;span id="totalN"&gt;&lt;/span&gt;
                            &lt;/td&gt;
          &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt; 2   &lt;/td&gt;
                  &lt;td&gt;110002&lt;/td&gt;
                  &lt;td&gt;Test2 Test2&lt;/td&gt;
                  &lt;td&gt;&lt;/td&gt;
                 &lt;td&gt;&lt;/td&gt;
                 &lt;td&gt;&lt;/td&gt;&lt;td&gt;
   &lt;select class="ddlJ" id="a1111_1" name="ctl00$contentbody$grid1$ctl03$a1111"&gt;
                  &lt;option value="a" selected="selected"&gt;a&lt;/option&gt;
                  &lt;option value="m"&gt;m&lt;/option&gt;
                  &lt;option value="n"&gt;n&lt;/option&gt;
              &lt;/select&gt;
  
                  &lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
                  &lt;span class="label" id="totalM"&gt;&lt;/span&gt;
                   &lt;/td&gt;&lt;td&gt;
                   &lt;span id="totalN"&gt;&lt;/span&gt;
                    &lt;/td&gt;
          &lt;/tr&gt;&lt;tr&gt;
              &lt;td&gt;
                           3                  
                  &lt;/td&gt;&lt;td&gt;110008&lt;/td&gt;&lt;td&gt;Test3 Test3&lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
  &lt;select class="ddlJ" id="a1111_2" name="ctl00$contentbody$grid1$ctl04$a1111"&gt;
                  &lt;option value="a" selected="selected"&gt;a&lt;/option&gt;
                  &lt;option value="m"&gt;m&lt;/option&gt;
                  &lt;option value="n"&gt;n&lt;/option&gt;
              &lt;/select&gt;
                           &lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
                  &lt;/td&gt;&lt;td&gt;
                   &lt;span class="label" id="totalM"&gt;&lt;/span&gt;
                  &lt;/td&gt;&lt;td&gt;
                    &lt;span id="totalN"&gt;&lt;/span&gt;
                            &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>